/* =========================================================================
   てまらく デザイントークン v2（藍 × 金 × 紙白 × 和紙）
   正本: 要件確定書 §5.2「確定デザイントークン」／モックv6.1
   （ソース: お助けサイト\デザインモック_v5_2026-07-18.html ※名はv5だが中身がv6.1）

   方針（§5「デザインの大前提」）:
   - 最上位の検収基準 =「落ち着いて長居できるか・長く見て疲れないか」
   - ツール別カラーは廃止。彩色は藍と金の2系統だけに絞る
   - ライトモード特化。ダークモードは作らない（2026-07-18裁定）
   ========================================================================= */

:root {
  /* === 面・文字・罫（v6.1の確定値） === */
  --paper: #f9f5f2;        /* 地（紙白） */
  --ink: #35322c;          /* 文字（墨。真っ黒にしない） */
  /* 補助文字は、紙白の地に対して薄く沈んでいた（2026-08-06 M1-6で底上げ）。
     v6.1の確定値 #6f675d から、色みは変えずに濃さだけを上げてきた。
     2026-08-11 M2-7で、実画面の2案から案2が選ばれて確定（#645d53 → #423d36）。
     墨（#35322c）へ一段寄せた濃さ＝2026-08-11 容栄さん裁定 */
  --ink-sub: #423d36;      /* 補助文字 */
  --line: #e7dfd5;         /* 罫線 */
  --line-soft: #efe8df;    /* 淡い罫線 */

  /* === 藍（主色。ボタン・リンク・キーライン） === */
  --indigo: #3c5578;
  --indigo-deep: #2d4260;  /* hover */
  --indigo-tint: rgba(60, 85, 120, 0.08);

  /* === 金（小さな目印のみ。多用しない） === */
  --gold: #b9962b;
  --gold-soft: rgba(185, 150, 43, 0.45);

  /* === 面（半透明白パネル＋すりガラス） === */
  --card: rgba(255, 255, 255, 0.84);
  --band: rgba(255, 255, 255, 0.5);
  --glass-blur: 5px;

  /* === 影（硬い枠線・ベタ塗りの帯は使わない） === */
  --shadow-card: 0 8px 22px rgba(84, 60, 32, 0.08);
  --shadow-card-hover: 0 12px 28px rgba(84, 60, 32, 0.12);

  /* === 書体（見出し=明朝／本文=ゴシック） === */
  --serif: "Yu Mincho", "游明朝", "Hiragino Mincho ProN", "MS PMincho", serif;
  --sans: "Hiragino Kaku Gothic ProN", "Yu Gothic", "游ゴシック", Meiryo, sans-serif;

  /* -----------------------------------------------------------------------
     既存のツール画面（履歴書ツール）が参照している変数名への橋渡し。
     ツール側のCSSを全面書き換えせずにv2の色へ寄せるための対応付け。
     ----------------------------------------------------------------------- */
  --color-primary: var(--indigo);
  --color-primary-light: #4d6789;
  --color-primary-dark: var(--indigo-deep);
  --color-primary-hover: var(--indigo-deep);
  --color-primary-alpha: var(--indigo-tint);
  --color-secondary: var(--indigo-deep);
  --color-secondary-light: #4d6789;
  --color-secondary-dark: #22344c;
  --color-success: #4a7c59;
  --color-warning: var(--gold);
  --color-error: #a8443a;
  --color-info: var(--indigo);

  --bg-primary: var(--paper);
  --bg-secondary: #f3ede7;
  --bg-tertiary: #ece4db;
  --bg-card: var(--card);
  --bg-card-hover: rgba(255, 255, 255, 0.95);
  --bg-input: #ffffff;
  --bg-input-focus: #fffdfb;

  --border-color: var(--line);
  --border-color-hover: #d9cfc2;
  --border-color-focus: var(--indigo);

  --text-primary: var(--ink);
  --text-secondary: var(--ink-sub);
  /* いちばん薄い文字。紙白の地に対して 3.3:1 しかなかった（2026-08-06 M1-6で底上げ）。
     2026-08-11 M2-7の案2にあわせて、補助文字と同じ幅だけ濃くした */
  --text-tertiary: #5b544a;
  --text-inverse: #ffffff;

  --scrollbar-track: #f3ede7;
  --scrollbar-thumb: #d9cfc2;

  --glass-bg: var(--card);
  --glass-border: var(--line);
  /* 背景の色みは和紙テクスチャ（body::before）が担うため、洗いは置かない */
  --bg-gradient: none;

  --shadow-s: var(--shadow-card);
  --shadow-m: var(--shadow-card-hover);
  --shadow-sm: var(--shadow-card);
  --shadow-md: var(--shadow-card-hover);
  --shadow-lg: 0 16px 34px rgba(84, 60, 32, 0.14);
  --shadow-glow: none;

  /* === タイポグラフィ === */
  --font-family: var(--sans);
  /* 2026-08-11 修正バッチM2-7。本文が小さい・薄いというご指摘に対し、
     もとの値を1.3倍にした（12→15.6px のように、比を保ったまま全部を上げる）。
     PDFの版面は pdf-layout.css が pt で持っており、ここの値を見ていない＝寸法は変わらない */
  --font-size-xs: 15.6px;
  --font-size-sm: 16.9px;
  --font-size-base: 19.5px;
  --font-size-md: 20.8px;
  --font-size-lg: 23.4px;
  --font-size-xl: 26px;
  --font-size-2xl: 31.2px;
  --font-size-3xl: 39px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --line-height-tight: 1.4;
  --line-height-normal: 1.7;
  --line-height-relaxed: 2.0;

  /* === スペーシング === */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;

  /* === 角丸 === */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* === トランジション（動きはほぼゼロ。ホバーの控えめな反応のみ） === */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
  --transition-slow: 0.4s ease;

  /* === z-index === */
  --z-dropdown: 100;
  --z-modal-backdrop: 200;
  --z-modal: 300;
  --z-toast: 400;
}

/* ダークモードは作らない（§5「ライトモード特化」）。
   ツール側に残る [data-theme="dark"] 指定が効いても、
   v2のライト一式で上書きして見た目を一定に保つ。 */
[data-theme="dark"],
[data-theme="light"] {
  --bg-primary: var(--paper);
  --bg-secondary: #f3ede7;
  --bg-tertiary: #ece4db;
  --bg-card: var(--card);
  --bg-card-hover: rgba(255, 255, 255, 0.95);
  --bg-input: #ffffff;
  --bg-input-focus: #fffdfb;
  --border-color: var(--line);
  --border-color-hover: #d9cfc2;
  --border-color-focus: var(--indigo);
  --text-primary: var(--ink);
  --text-secondary: var(--ink-sub);
  /* いちばん薄い文字。紙白の地に対して 3.3:1 しかなかった（2026-08-06 M1-6で底上げ）。
     2026-08-11 M2-7の案2にあわせて、補助文字と同じ幅だけ濃くした */
  --text-tertiary: #5b544a;
  --text-inverse: #ffffff;
  --scrollbar-track: #f3ede7;
  --scrollbar-thumb: #d9cfc2;
  --glass-bg: var(--card);
  --glass-border: var(--line);
  --bg-gradient: none;
}