/* ============================================================
   LATERAL コーポレートサイト — デザイントークン
   正本: design_handoff_2026-08-12/README.md §2
   2026-08-12 配色案B（地=白／区切り面=薄クリーム）でFIX済み
   ⚠ ここの値を変えるとサイト全体が変わる。README と必ず突き合わせること。
   ============================================================ */

:root {
  /* ---- 面（地と区切り面を交互に使う） ---- */
  --c-ground:        #FFFFFF;  /* ページ背景（地） */
  --c-panel:         #FCF9F3;  /* 区切り面＝読ませる区画 */
  /* ⚠ 地と区切り面のコントラスト差は 1.051 しかない。
     面の色だけで区画が分かる前提で組まないこと。罫線・余白・軌道の円でも切れ目を作る。 */

  /* ---- オレンジ（ロゴ由来。2026-08-12の配色見直しでも変えていない） ---- */
  --c-accent:        #F29600;  /* ヘッダー帯3px・ハンバーガー3本目・強調軌道1本 */
  /* CONTACT面。⚠ 値は確定デザインの実物のまま。勝手に変えない。
     文字色は白ではなく #FCF9F3（クリーム。実物7箇所すべて）。
     ⚠ 未解決：#FCF9F3 × #A5680A の実測コントラストは 4.36:1 で、
        _索引.md の実装基準「4.5:1以上」を満たしていない
        （資料の「白文字で4.58:1」は白を前提にした計算で、実物は白ではなかった）。
        デザインを勝手に動かさないため実物の値のままにしてある。**要判断。** */
  --c-contact-bg:    #A5680A;
  --c-contact-text:  #FCF9F3;
  --c-link:          #9A5F00;  /* リンク・ラベル・矢印。白地で 5.24:1 */
  --c-num:           #A35F00;  /* カードの通し番号（01/02/03）。⚠ リンク色とは別 */
  /* 本文中の強調。確定デザインで色が付いている唯一の文字色（FVキャッチ「お聞かせください」）に合わせた。
     現行サイトは赤 #ff0000 で強調していたが、デザインの配色に赤は無いため置き換えた（2026-08-12 おじさん指示）。
     ⚠ 白地で 3.57:1。見出しサイズなら基準3.0を満たすが、本文サイズでは基準4.5を割る。
        C-1（CONTACT面）と同じくデザイン優先で置いている。 */
  --c-em:            #BE7800;
  --c-link-hover:    #CA810A;

  /* ---- 文字 ---- */
  --c-text:          #444444;  /* 本文。白地で 9.74:1 */
  --c-text-sub:      #6E6656;  /* 補助・パンくず区切り。白地で 5.68:1 */
  --c-heading-sub:   #4F4A3E;  /* 見出し補助。白地で 8.82:1 */
  --c-on-dark:       #FFFFFF;

  /* ---- 罫線・枠 ----
     ⚠ 2026-08-12 実測で追加。README §2 のトークン表には2色しか無いが、
        実物は用途ごとに4色使い分けている。混ぜないこと。 */
  --c-rule:          #E4D9C5;  /* 濃いほう。フッター上の区切りなど */
  --c-rule-light:    #EFEAE1;  /* 薄いほう */
  --c-card-border:   #EAE3D6;  /* カードの枠（SERVICEカード等） */
  --c-chip-border:   #E3DBCA;  /* カード内リンク帯の枠 */
  --c-sublist-rule:  #EDE8DE;  /* サブリンクの縦線 */
  --c-underline:     rgba(165,104,10,.45);  /* テキストリンクの下線 1.5px */
  --c-input-border:  #8A7F6B;  /* 入力欄の枠。3.94:1（WCAG 1.4.11） */

  /* ---- エラー ---- */
  --c-error:         #B3261E;
  --c-error-text:    #8C1D18;
  --c-error-bg:      #FCF2F1;

  /* ---- 図形レイヤー（線の軌道のみ。塗り円は一切使わない） ---- */
  --c-orbit:         #E4D9C5;             /* 地・区切り面の上の軌道線 */
  --c-orbit-accent:  #F29600;             /* 強調する1本だけ */
  --c-orbit-on-dark: rgba(255,255,255,.35); /* 濃い面の上の軌道線 */

  /* ---- 書体 ---- */
  --font-base: "Zen Kaku Gothic New", system-ui, -apple-system, "Hiragino Kaku Gothic ProN", sans-serif;
  /* weight は 500 / 700 / 900 のみ使用。見出し900・本文400-500・ラベル700 */

  /* ---- 余白（SP基準。PCは @media で上書き） ---- */
  --pad-x:        24px;  /* 左右余白 */
  --sec-y:        48px;  /* セクション上下 */
  --content-max: 1280px; /* 最大コンテンツ幅 */
  --measure:     620px;  /* PC本文の行長上限（1行30〜37字） */
}

/* PC 768px〜（ブレークポイントはここ1つだけ。2026-08-13、グロナビ以外の本文はここから
   PC表示に切り替える方針に統一。旧「中間幅768〜1023px」ブロックは廃止（後勝ちで死んでいた） */
@media (min-width: 768px) {
  :root {
    --pad-x: 72px;
    --sec-y: 84px;
  }
}