/* ===========================================================
   Lumina Source — Design Tokens
   色彩全部取樣自 image/BRAND&LOGO/Gemini_Generated_Image_z4a4ywz4a4ywz4a4.png
   （品牌主 logo 的實際像素），不是從任何風格目錄套用。
   =========================================================== */

:root {
  /* --- 光源色：水滴本體 --------------------------------- */
  --coral:        #D76F68;   /* 主色。物件／光暈／hover。禁止用於內文 */
  --coral-deep:   #B75B5D;   /* 邊界、按壓態 */
  --coral-light:  #E58A84;
  --mauve:        #C2848E;   /* 3D 暗部 */

  /* --- 星芒：唯一的發光體 ------------------------------- */
  --amber:        #FDE5A3;
  --amber-mid:    #F9D693;
  --amber-warm:   #F0B37C;

  /* --- 背景紙 cyclorama --------------------------------- */
  --paper-hi:     #E4E1EB;   /* 打光最亮處 */
  --paper:        #DCD8E4;   /* 主背景 */
  --paper-mid:    #CBC6D8;
  --paper-lo:     #B9B3C6;   /* 背景紙下緣衰減 */
  --paper-deep:   #8E88A0;

  /* --- 墨 ----------------------------------------------- */
  --ink:          #1B2440;   /* 所有內文。on --paper = 10.9:1 */
  --ink-soft:     #3C4363;   /* 次級文字。對比要撐到背景紙最暗處 paper-lo = 4.8:1 */
  --ink-faint:    #4A5270;   /* 僅用於 header（paper-hi 區）的未選取狀態 = 5.95:1 */
  --coral-ink:    #6F2C2A;   /* 唯一可當文字用的珊瑚。coral/coral-deep 都撐不到 4.5:1 = 4.95:1 */
  --danger:       #6E2A30;   /* 錯誤訊息與無效欄位邊框。coral 太淺，撐不到 4.5:1 */

  /* --- 字體：自託管，不走 Google CDN --------------------- */
  --font-display: "Bricolage Grotesque", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "Helvetica Neue", sans-serif;
  --font-body:    "Inter Tight", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "Helvetica Neue", Arial, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  /* 中文暫用系統字體，正式版需 subset Noto Sans TC（見 README） */
  --font-tc:      "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;

  /* --- 字階 --------------------------------------------- */
  --fs-display: clamp(2.75rem, 8.2vw, 7.5rem);
  --fs-h2:      clamp(1.9rem, 4.4vw, 3.75rem);
  --fs-h3:      clamp(1.15rem, 1.9vw, 1.6rem);
  --fs-lead:    clamp(1.05rem, 1.55vw, 1.4rem);
  --fs-body:    1.0625rem;
  --fs-small:   0.9375rem;
  --fs-label:   0.72rem;

  /* --- 間距：8px 節奏 ----------------------------------- */
  --s-1: 8px;   --s-2: 16px;  --s-3: 24px;  --s-4: 32px;
  --s-5: 48px;  --s-6: 64px;  --s-7: 96px;  --s-8: 128px;
  --section-y: clamp(72px, 11vw, 160px);
  --gutter:    clamp(20px, 5vw, 72px);
  --measure:   68ch;
  --max-w:     1440px;

  /* --- 動態 --------------------------------------------- */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast:  180ms;
  --dur-mid:   420ms;
  --dur-slow:  900ms;

  /* --- 其他 --------------------------------------------- */
  --radius:    14px;
  --radius-lg: 22px;
  --z-header:  100;
}