/* ── ai-workmates 全站色票（唯一來源）─────────────────────────
   pitch.html 與 legal/ 三頁共用這一份。改色一律改這裡。
   色值的真相來源是課程 design.md（brand indigo #183FE1，2026-07-21 finalized）；
   本檔只是把它落地成 CSS 自訂屬性，不在這裡自行決定色板。

   為什麼是 CSS 檔而不是 config JSON：JSON 要 JS 讀取後套用，每次載入會先閃一下
   錯色，且多一個「JS 掛掉整站沒顏色」的失敗面。CSS 自訂屬性就是瀏覽器原生的
   config 機制——改一個檔、全站生效。

   cloudflare.yaml 的 assets 白名單已含 brand 整個資料夾，不需要改部署設定。
   （註：此處刻意不寫出 glob 樣式——那個樣式含有會提前關閉 CSS 註解的字元組合，
   2026-07-25 就是這樣讓整份 :root 失效、頁面變全白，而 deploy check 仍全綠。）

   2026-07-25 建立（spec 22）：legal/ 三頁原本各自內嵌一份位元組相同的 :root，
   用的是已退役的 --brand #3f6fd6 配舊暖米色底，與本頁的現行冷灰藍完全兩套。
   ── */

    :root {
      /* 2026-07-21 — DEFAULT palette is now the WordPress-property blue (#183FE1),
         per design.md's finalized brand decision (Alex, 2026-07-21): the whole academy
         property (course VitePress site + this landing page + the WP Tutor course page)
         is unified on academy.cloud-f1.com's canonical blue. This block used to be the
         #3f6fd6 "candidate" default; that hex is retired — see design.md §「品牌主色」
         and the (now-removed) [data-theme="wp"] preview block this was promoted from. */
      --paper:      #EEF0F6;
      --paper-rgb:  238,240,246; /* keep in sync with --paper — used by rgba() gradients that need to retheme */
      --paper-deep: #E1E4F0;
      --card:       #FFFFFF;
      --ink:        #1B2037;
      --ink-soft:   #484F6A;
      --ink-faint:  #71768C;
      --coral:      #E2673F;
      --coral-dark: #C44E2A;
      --coral-soft: #FCE4D8;
      --sage:       #4F7A57;
      --sage-soft:  #E7F0E5;
      /* 重點標示（功能色，不隨 preview palette 變動——同 coral/sage 的處理）。
         SSoT: ../../../../2-product/courses/self-paced/course-ai-workmates/design.md */
      --highlight:  #FFE9A3;
      --navy-deep:  #10152A;
      --navy-card:  #1A2039;
      --line:       #D3D7E6;
      --gold:       #C1861D;
      /* member accents (match site palette — SSoT: course design.md).
         --c-alex tracks --brand (design.md: "--brand（= --c-alex）") — both are the
         finalized #183FE1 now. The other 4 professionals' accents are independent
         identity colors and stay put across brand-color changes. */
      --c-alex:   #183FE1;
      --c-max:    #0f9d8f;
      --c-iris:   #7b5bd6;
      --c-andy:   #2b4f9e;
      --c-vivi:   #0FB8E8;
      --c-sophie: #64718A;
      /* brand accent (= Alex's indigo — SSoT: ../../../../2-product/courses/self-paced/course-ai-workmates/design.md).
         coral stays as the "problem" signal (pain-grid, honest-box); brand indigo is the
         "AI team / solution" signal (CTA, eyebrow, timeline). */
      --brand:      #183FE1;
      --brand-rgb:  24,63,225; /* keep in sync with --brand — used by rgba() accents that need to retheme */
      --brand-dark: #1A35A9;
      --brand-soft: #EEF2FF;
      /* Cloud-F1 corporate mark colors — footer credential touchpoint only.
         Scoped separate from --brand so the page's own identity (design.md) stays
         untouched by the corporate footer mark; SSoT: claude.ai/design "Cloud-F1 Design
         System" colors_and_type.css. */
      --cf1-cobalt: #0B5CD9;
      --cf1-cyan:   #25D2FF;
      /* light brand-tint text for the two eyebrow badges that sit on the dark navy
         sections (instructor / pricing) — kept separate from --brand-soft (a
         background tone, too dark to read as text on navy). Contrast on --navy-deep:
         default 9.36:1 (AAA) · deep 9.98:1 · warm 9.87:1 · fresh 10.84:1 (all AAA). */
      --eyebrow-tint-a: #AFB9E4;
      --eyebrow-tint-b: #AFB9E4;
      --eyebrow-tint-c: #AFB9E4;
      --eyebrow-tint-c-rgb: 175,185,228;
      --radius:    20px;
      --radius-sm: 12px;
      --shadow:    0 10px 30px rgba(32,40,61,.08);
      --shadow-lg: 0 18px 46px rgba(32,40,61,.14);
      --font: 'Noto Sans TC', -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Heiti TC', sans-serif;
    }

    /* ── Preview palettes (internal tool for Alex, ?theme= / theme-switcher dots) ──────
       Only neutral (paper/ink/line/card) + brand identity + navy-section tokens vary;
       coral (pain signal), sage (success signal), member accents and the Cloud-F1 mark
       colors stay constant across palettes — same rationale as the brand comment above.
       Contrast ratios (WCAG AA, computed via relative-luminance formula):
         default → ink/paper 14.09:1, ink-soft/paper 7.08:1, white/brand-dark(btn) 9.88:1, white/brand(gradient light end) 7.40:1
         deep    → ink/paper 13.70:1, ink-soft/paper 6.82:1, white/brand-dark 12.27:1,      white/brand 8.67:1
         warm    → ink/paper 11.81:1, ink-soft/paper 5.77:1, white/brand-dark 8.04:1,       white/brand 5.31:1
         fresh   → ink/paper 12.35:1, ink-soft/paper 6.41:1, white/brand-dark 7.96:1,       white/brand 5.28:1
       All body-text and button-text pairs clear the 4.5:1 AA floor (several clear 7:1 AAA).

       2026-07-21 — DEFAULT promoted to the former [data-theme="wp"] preview scheme:
       WordPress-property brand #183FE1, matching academy.cloud-f1.com header/checkout/
       my-account. --brand-dark/--brand-soft derived with the same HSL delta method used
       site-side in academy-wordpress mu-plugins/cf1-site-polish.php (see that repo's
       commit "登入／註冊頁品牌色跟隨全站 WordPress indigo #183FE1"), so pitch.html and
       the WP course page share one brand-dark/soft pair (#1A35A9 / #EEF2FF) — deliberate
       cross-surface consistency. design.md §「品牌主色」now records #183FE1 as the
       FINALIZED brand (Alex, 2026-07-21) — #3f6fd6 is retired. The standalone
       [data-theme="wp"] block is gone (redundant — it IS the default now); deep/warm/
       fresh remain as opt-in preview alternates below. */
    [data-theme="deep"] {
      --paper:      #EEF1F6;
      --paper-rgb:  238,241,246;
      --paper-deep: #E1E7F0;
      --card:       #FFFFFF;
      --ink:        #1B2437;
      --ink-soft:   #48536A;
      --ink-faint:  #71798C;
      --line:       #D3DAE6;
      --navy-deep:  #10182A;
      --navy-card:  #1A2439;
      --brand:      #2E4C78;
      --brand-rgb:  46,76,120;
      --brand-dark: #1F3559;
      --brand-soft: #E2E9F5;
      --eyebrow-tint-a: #AFC4E4;
      --eyebrow-tint-b: #AFC4E4;
      --eyebrow-tint-c: #AFC4E4;
      --eyebrow-tint-c-rgb: 175,196,228;
    }
    [data-theme="warm"] {
      --paper:      #FBF1E6;
      --paper-rgb:  251,241,230;
      --paper-deep: #F5E7D5;
      --card:       #FFFBF4;
      --ink:        #3A2E22;
      --ink-soft:   #6B5C4C;
      --ink-faint:  #97897A;
      --line:       #EAD9C2;
      --navy-deep:  #2E2117;
      --navy-card:  #3B2A1E;
      --brand:      #A8541F;
      --brand-rgb:  168,84,31;
      --brand-dark: #7E3F17;
      --brand-soft: #F7E4D4;
      --eyebrow-tint-a: #F0C6A0;
      --eyebrow-tint-b: #F0C6A0;
      --eyebrow-tint-c: #F0C6A0;
      --eyebrow-tint-c-rgb: 240,198,160;
    }
    [data-theme="fresh"] {
      --paper:      #EDF6F1;
      --paper-rgb:  237,246,241;
      --paper-deep: #E1F0E7;
      --card:       #FFFFFF;
      --ink:        #17332A;
      --ink-soft:   #3F5F53;
      --ink-faint:  #6E8A7E;
      --line:       #CFE6DA;
      --navy-deep:  #0F2A20;
      --navy-card:  #17392C;
      --brand:      #157A5D;
      --brand-rgb:  21,122,93;
      --brand-dark: #0F5C46;
      --brand-soft: #DCF2E7;
      --eyebrow-tint-a: #A8E6CE;
      --eyebrow-tint-b: #A8E6CE;
      --eyebrow-tint-c: #A8E6CE;
      --eyebrow-tint-c-rgb: 168,230,206;
    }