/* ブランド資産（生成物）。編集は tenants/{法人}/config.yml で行う。 */
.ha-mark { background-image: url("/assets/brand/dee/mark.png"); }
:root { --ha-accent: #a83c00; --ha-active: #ea5504; --ha-guide: #8f4a2a; }

/*
 * Dee グループ ブランド層（2026-09-18）。
 * 支給ロゴ（ダイヤモンドホールディングス）のオレンジ #EA5504 基調に合わせる。
 * 寸法・余白・レスポンシブ構造は hall-aio.css のまま、配色と操作状態だけを
 * 上書きする（キング観光の brand.css と同じ流儀）。
 * 配色変数（accent / active / guide）の上書きは config.yml の brand.colors 側。
 *
 * コントラスト（WCAG）:
 *   #fff × #c94800 = 4.8:1（ナビ・ボタン・見出し帯。#ea5504 は 3.6:1 で白文字に使えない）
 *   #fff × #a83c00 = 6.3:1（ホバー・押下）
 *   #a83c00 × #fff = 6.3:1（本文中のリンク・見出し文字）
 *   #ea5504 はロゴ色そのまま。文字を載せない下線・罫・アクセントに限る（--ha-active 経由）
 */
:root {
  --ha-brand: #c94800;
  --ha-brand-logo: #ea5504;
  --ha-brand-dark: #a83c00;
  --ha-brand-text: #a83c00;
  --ha-brand-tint: #fdeee4;
}

/* 見出し帯・リボンをブランド色に */
.ha-ribbon,
.article .ha-ribbon {
  background: var(--ha-brand);
}

.ha-prose h2,
.article .ha-prose h2 {
  background: var(--ha-brand);
}

.ha-prose h3 {
  border-bottom-color: var(--ha-brand);
}

/* 機種カードのアクセント（出典注記の左罫・リンク色は components.css の
 * 共通スタイルが --ha-active / --ha-accent 経由で赤に解決する） */
.ha-machine {
  border-top: 3px solid var(--ha-brand-logo);
}

.ha-faq details p a {
  color: var(--ha-brand-text);
}

/* クイックリンクの上罫は3つとも同じロゴ色 */
.ha-quick a:nth-child(1) { border-top-color: var(--ha-brand-logo); }
.ha-quick a:nth-child(2) { border-top-color: var(--ha-brand-logo); }
.ha-quick a:nth-child(3) { border-top-color: var(--ha-brand-logo); }

/* 主ボタン: 橙地・白文字（既定は薄グレー地・墨文字） */
.ha-more,
.ha-store-list-toggle {
  color: #fff !important;
  background: var(--ha-brand);
  border-color: var(--ha-brand);
  transition: background-color 160ms ease, border-color 160ms ease;
}

.ha-more:active,
.ha-store-list-toggle:active {
  color: #fff !important;
  background: var(--ha-brand-dark);
  border-color: var(--ha-brand-dark);
  transition-duration: 80ms;
}

.ha-more:focus-visible,
.ha-store-list-toggle:focus-visible {
  color: #fff !important;
  background: var(--ha-brand-dark);
  border-color: var(--ha-brand-dark);
}

.ha-shell a:focus-visible,
.ha-shell button:focus-visible,
.ha-shell input:focus-visible,
.ha-shell select:focus-visible,
.ha-shell summary:focus-visible {
  outline-color: rgba(234, 85, 4, .42);
}

/* グローバルナビ: 公式サイトと同じ橙の帯＋白文字。
 * 現在地は白抜き＋橙下線（下線色は --ha-active 経由で既に橙）。 */
.ha-desktop-nav {
  background: var(--ha-brand);
  border-top-color: var(--ha-brand-dark);
  border-bottom-color: var(--ha-brand-dark);
}

.ha-desktop-nav a {
  color: #fff;
  background: var(--ha-brand);
  border-right-color: rgba(255, 255, 255, .28);
}

.ha-desktop-nav a[aria-current="page"] {
  color: var(--ha-brand-text);
  background: #fff;
}

.ha-desktop-nav a:hover,
.ha-desktop-nav a[aria-current="page"]:hover {
  color: #fff;
  background: var(--ha-brand-dark);
}

/* モバイルメニュー・ボトムナビの現在地もブランド色で揃える */
.ha-mobile-menu nav a:not(.ha-parent-return) {
  border-left: 4px solid var(--ha-brand-logo);
}

.ha-mobile-menu nav a[aria-current="page"],
.ha-bottom a[aria-current="page"] {
  color: #fff;
  background: var(--ha-brand);
}

@media (hover: hover) {
  .ha-more:hover:not(:active),
  .ha-store-list-toggle:hover:not(:active) {
    color: #fff !important;
    background: var(--ha-brand-dark);
    border-color: var(--ha-brand-dark);
  }

  .ha-mobile-menu nav a:not(.ha-parent-return):hover {
    color: #fff;
    background: var(--ha-brand);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ha-more,
  .ha-store-list-toggle {
    transition: none;
  }
}