/* 自動生成。design/tokens.json が唯一の出どころ。
 * 手で編集しない。`python3 bin/build-tokens.py` で作り直す。
 */

:root {
  /* ブランドカラー。identity の場面では $order の順・$ratio の比で並べる。 */
  /* order: kata → shisei → kozo / ratio: 2:1:1 */
  /* 型 — 藍。端正・抑制。骨格を引く色 */
  --brand-kata-on-light: #2B4C7E;
  --brand-kata-on-dark: #7FA3D4;
  /* 姿勢 — 松脂とバーの木。温度・身体性。人の手触り */
  --brand-shisei-on-light: #8E6220;
  --brand-shisei-on-dark: #C89A4E;
  /* 構造 — 舞台の光。深さ・コントラスト。作品性 */
  --brand-kozo-on-light: #456B8A;
  --brand-kozo-on-dark: #86A9C6;

  /* font */
  --font-display: "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-body: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, monospace;

  /* size */
  --size-caption: 12px;
  --size-small: 14px;
  --size-body: 16px;
  --size-lead: 20px;
  --size-h3: 25px;
  --size-h2: 31px;
  --size-h1: 39px;

  /* space */
  --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-9: 96px;

  /* radius */
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 4px;

}

/* モード。場面で選ぶ。役割の名前はモード間で共通。 */
/* studio — 実務が主。提案書・見積・管理画面 */
:root, [data-mode="studio"] {
  --ground: #FBFBFC;
  --surface: #EFF1F4;
  --line: #D3D8DF;
  --muted: #5E6672;
  --ink: #171A1F;
  --accent: #8E6220;
}

/* curtain — 作品が主。公演ページ・ポートフォリオ */
[data-mode="curtain"] {
  --ground: #15141B;
  --surface: #201F29;
  --line: #33313F;
  --muted: #9A96A6;
  --ink: #F3F0EA;
  --accent: #86A9C6;
}

/* blanc — 最小限。印刷物・一枚もの */
[data-mode="blanc"] {
  --ground: #FFFFFF;
  --surface: #F6F6F7;
  --line: #E3E4E7;
  --muted: #6B6E76;
  --ink: #0E1013;
  --accent: #2B4C7E;
}