/* ============================================
   GrowUp ブランドトークン
   - 1600×900 固定キャンバス前提のため、すべて px 固定
   - 画面サイズ追従は base.css の transform: scale() で行う
   ============================================ */

:root {
  /* --- Brand colors --- */
  --brand-primary: #2F5233;         /* 深緑（title/closing背景。白文字が読める） */
  --brand-primary-dark: #1F3A22;
  --brand-primary-light: #4A7E4E;
  --brand-accent: #8FBE3F;          /* GrowUpロゴのライムグリーン */
  --brand-accent-light: #B6D670;

  /* --- Text --- */
  --text-primary: #1a202c;
  --text-secondary: #4a5568;
  --text-muted: #a0aec0;
  --text-on-brand: #ffffff;

  /* --- Background --- */
  --bg: #ffffff;
  --bg-muted: #f7fafc;
  --bg-dark: #1a202c;

  /* --- Borders --- */
  --border: #e2e8f0;
  --border-strong: #cbd5e0;

  /* --- Fonts --- */
  --font-jp:   "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  --font-num:  "Inter", "Noto Sans JP", sans-serif;

  /* --- Type scale（px固定） --- */
  --fs-hero:  96px;
  --fs-h1:    72px;
  --fs-h2:    52px;
  --fs-h3:    32px;
  --fs-body:  24px;
  --fs-small: 20px;
  --fs-tiny:  16px;

  /* --- Spacing（px固定） --- */
  --gap-xs:  8px;
  --gap-sm:  16px;
  --gap-md:  24px;
  --gap-lg:  40px;
  --gap-xl:  72px;

  /* --- Canvas --- */
  --canvas-w: 1600px;
  --canvas-h: 900px;
  --canvas-pad-y: 72px;
  --canvas-pad-x: 96px;

  /* --- Status colors（試算表の変動区分・KPI状態など状態ベースの表示で使用） --- */
  --status-ongoing: #d8ead8;        /* 継続的な状態 */
  --status-onetime: #eeeeee;        /* 一時的・終了済み */
  --status-review:  #E28568;        /* 要確認・警告 */

  /* --- GrowUp 落ち着きパレット（士業向け資料・サイト構築解説などで使用） ---
     既存 brand-* は変えない。使う deck 側で brand-* を gu-* で上書きする運用 */
  --gu-green-deep: #1F3A2E;         /* 深緑：見出し・矢印・アイコン線 */
  --gu-green-soft: #4F6B5E;         /* 補助の落ち着いた緑：罫線強調・アクセント */
  --gu-cream:      #F5F1E8;         /* 生成り：パネル・カード背景 */
  --gu-white:      #FFFFFF;
  --gu-gray-mute:  #D9D7D2;         /* 淡いグレー：罫線・補助 */
  --gu-text:       #1A1A1A;
  --gu-text-mute:  #5A5A5A;
}