/* ============================================================================
   資格道場（shikakudojo.com）— design tokens
   ブランドの正本はこのファイル（2026-10-17 新設。既存ブランドの CSS は無い）。

   design plan
   - 色: 紙（生成り）と墨、アクセントは藍 1 色。正誤だけ松葉（正）と朱（誤）。
         道場の掛け軸と稽古着の藍。広告が入る前提なので、面そのものは静かにする
   - 書体: 見出し = Shippori Mincho（600）、本文と UI = Zen Kaku Gothic New、数字 = IBM Plex Mono
   - レイアウト: 稽古帳。左に目次（サイドバー）、本文は 40 字前後の 1 段組
   - 参照:
       1. Wise（refero 367c0c6e）… 濃色 1 つ＋アクセント 1 つ・淡いウォッシュ面・カードは radius 10px の 1 種類
       2. MUUUUU 教育サービス（muuuuu.org/category/industry/education-service）… 国内の学習系は白と無彩色の正統派。装飾より文字組み
       3. Linear（refero 90ce5883）… 見出しを太くしすぎない・影ではなく hairline の罫線
   - 数値: 表題 clamp(1.75rem, 4.5vw, 2.5rem)（28→40px）・600・-0.01em／スケール 4 段（12・15・17・22・表題）
           ／セクション間隔 clamp(3rem, 7vw, 4.5rem)／radius 10px の 1 種類（pill は丸ボタンだけ）・影なし
   ========================================================================== */

:root {
  --space-0: 0;   --space-1: 4px;  --space-2: 8px;  --space-3: 12px;
  --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --space-section: clamp(3rem, 7vw, 4.5rem);

  --radius-sm: 10px; --radius-md: 10px; --radius-lg: 10px; --radius-pill: 999px;

  --font-display: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-ui: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --font-prose: var(--font-ui);

  --text-title: clamp(1.75rem, 4.5vw, 2.5rem);
  --text-h1: clamp(1.5rem, 4vw, 2rem);
  --text-h2: 22px; --text-h3: 17px;
  --text-prose: 17px; --text-body: 15px; --text-ui: 15px; --text-sm: 13px; --text-label: 12px;
  --lh-tight: 1.35; --lh-ui: 1.6; --lh-body: 1.75; --lh-prose: 1.9;
  --label-tracking: .08em;
  --measure: 40em;
  --sidebar: 248px;

  --motion: 180ms cubic-bezier(.4, 0, .2, 1);
}

/* 紙（ライト）。OS の設定か、設定画面で選んだテーマで切り替える */
:root, :root[data-theme="light"] {
  --bg: #f6f3ec;          /* 生成り */
  --surface: #fffdf8;     /* 半紙 */
  --surface-2: #efebe1;
  --fg: #1d1b17;          /* 墨 */
  --muted: #69645a;
  --border: #ddd6c8;
  --accent: #1f4b7a;      /* 藍 */
  --accent-on: #ffffff;
  --accent-text: #1f4b7a;
  --accent-bg: #e4ebf3;
  --success: #2e7a4b;     /* 松葉 */
  --error: #b8382d;       /* 朱 */
  --code-bg: #efebe1;
  --ring: #1f4b7a;
  color-scheme: light;
}

/* 墨（ダーク） */
:root[data-theme="dark"] {
  --bg: #16150f;
  --surface: #201e18;
  --surface-2: #2a2720;
  --fg: #ece7dc;
  --muted: #a39d90;
  --border: #39352c;
  --accent: #8fb4dc;
  --accent-on: #10161e;
  --accent-text: #a9c6e6;
  --accent-bg: #1f2a36;
  --success: #6fbf8a;
  --error: #ec7d70;
  --code-bg: #2a2720;
  --ring: #8fb4dc;
  color-scheme: dark;
}