/* ============================================================
 * BRAND: オレンジ風（kawai-seminar 参考）
 * プロンプト正本: references/brand-prompts/orange.md
 * オレンジ全面背景 ＋ 白角丸カード ＋ ブロックリビール見出し
 * ＋ フェードアップ ＋ JetBrains Mono ＋ ダークテーブル
 * レイアウト: 本文は縦中央寄せ＋ブロック間 gap。
 *   ⚠️ .slide.cover に position:relative を付けない（16:9 が崩れる）。
 *   ⚠️ 日本語見出し＋囲みボックスは line-height 1.5+（行が重なる）。
 *   ⚠️ 密な表（6行）は行 padding を盛りすぎると flex-shrink で静かにクリップ。
 * バリエーション用部品（実装は shell/components.css）: .vs / .vstep / .tl
 *   / .flow / .xform / .statement。同じ .ba / .items / 表 を連続させない。
 * ※ トークンのみ。シェル・コンポーネントの実体は references/shell/ を使う。
 * ============================================================ */

:root {
  /* ── 面と文字 ── */
  --c-bg:         #E96D47;   /* スライド全面オレンジ */
  --c-on-bg:      #FFFFFF;   /* オレンジ上の文字 */
  --c-surface:    #FFFFFF;   /* 白カード */
  --c-text:       #1B1B1B;   /* 白カード上の文字 */
  --c-section:    #1B1B1B;   /* セクション扉・濃色面 */
  --c-on-section: #FFFFFF;
  --c-muted:      rgba(27, 27, 27, 0.55);
  --c-faint:      rgba(27, 27, 27, 0.35);

  /* ── ブランド塗り ── */
  --c-brand:      #E96D47;
  --c-bg-dark:    #C85A3A;   /* デッキ本文からも参照される濃オレンジ */
  --c-brand-deep: var(--c-bg-dark);
  --c-on-brand:   #FFFFFF;

  /* ── アクセント・状態色 ── */
  --c-accent:     #F5C76A;   /* 強調帯内のハイライト（黄） */
  --c-pos:        #1E7A4D;   /* 良い側（緑） */
  --c-neg:        #C0392B;   /* 悪い側（赤） */

  /* ── ステージ・面まわり ── */
  --stage-bg:     #000;      /* レターボックスはダーク */
  --radius:       1.2cqw;
  --card-shadow:  0 0.4cqw 1.5cqw rgba(0, 0, 0, 0.10);

  /* ── フォント ── */
  --font-head: 'Noto Sans JP', sans-serif;
  --font-body: 'Noto Sans JP', sans-serif;
  --font-mono: 'JetBrains Mono', 'Menlo', monospace;

  /* ── タイポスケール（ゴールデンデッキ実測値）── */
  --fs-hero: 5.4cqw;  --fw-hero: 900;  --lh-hero: 1.12;  --ls-hero: -0.03em;
  --fs-h1:   4.4cqw;  --fw-h1:   900;  --lh-h1:   1.16;  --ls-h1:   -0.03em;
  --fs-h2:   3.2cqw;  --fw-h2:   900;  --lh-h2:   1.22;  --ls-h2:   -0.02em;
  --fs-h3:   1.9cqw;  --fw-h3:   700;  --lh-h3:   1.4;   --ls-h3:   0em;
  --fs-body: 1.6cqw;  --lh-body: 1.7;  --ls-body: 0em;
  --fs-small: 1.15cqw;
}
