/* ============================================================
   harness-guide — design tokens (seminar-forge S3)
   ★ :root を宣言してよいのはこのファイルだけ。
   ------------------------------------------------------------
   STYLE ANCHOR: フラットビジネスイラスト。配色はネイビー#24425F・
   アンバー#E8A13D・オフホワイト#F5F1E8の3色基調。シンプルな幾何図形と
   丸みのあるアイコン、輪郭線なし、柔らかいドロップシャドウ、余白多め。
   見出しは太いゴシック体の日本語でキーワードのみアンバー色。
   全キービジュアル画像はこの記述をプロンプトに含める。
   ============================================================ */

:root {
  /* --- 共通構造トークン --- */
  --maxw: 760px;
  --vw-max: 880px;            /* 本文列の最大幅 (seminar) */
  --space-1: 6px;
  --space-2: 10px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 36px;
  --space-6: 54px;
  --r: 16px;
  --r-sm: 10px;
  --line: 1.85;
  --font-sans: 'Zen Kaku Gothic New', 'Noto Sans JP', -apple-system,
               'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Meiryo', sans-serif;
  --shadow: 0 10px 30px rgba(36, 66, 95, .12);
  --shadow-sm: 0 4px 14px rgba(36, 66, 95, .08);

  /* --- ブランド (harness-guide) --- */
  --brand-1: #24425F;         /* ネイビー: 見出し・罫・構造 */
  --brand-1-deep: #1A3049;
  --brand-1-soft: #E9EEF4;
  --brand-1-line: #C9D6E2;
  --accent: #E8A13D;          /* アンバー: 強調・現在地 */
  --accent-deep: #B87B1C;
  --accent-soft: #FBF1DE;

  --ink: #2B3440;
  --ink-soft: #5A6675;
  --ink-faint: #8C97A5;
  --paper: #FFFFFF;
  --cream: #F5F1E8;           /* ページ地 (オフホワイト) */

  /* --- seminar 追加分 --- */
  --kv-good: var(--brand-1);
  --kv-bad: #9aa0a6;          /* 対比の「悪い側」グレー (この hex は tokens.css 内のみ許可) */
  --kv-accent: var(--accent);
}