/* ============================================================
   設計變數 — 禁止在其他 CSS 硬編碼顏色、字級、間距
   設計方向：溫暖而沉穩、可信賴、不煽情
   ============================================================ */
:root {
  /* 字級：只用 5 級，頁面標題最大 --text-xl（這是應用程式不是宣傳網站） */
  --text-xs:   clamp(0.75rem, 0.72rem + 0.15vw, 0.8125rem);
  --text-sm:   clamp(0.875rem, 0.85rem + 0.15vw, 0.9375rem);
  --text-base: clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
  --text-lg:   clamp(1.125rem, 1.05rem + 0.4vw, 1.375rem);
  --text-xl:   clamp(1.5rem, 1.3rem + 0.9vw, 2rem);

  /* 間距：4px 系統 */
  --space-1: 0.25rem;  --space-2: 0.5rem;   --space-3: 0.75rem;
  --space-4: 1rem;     --space-5: 1.25rem;  --space-6: 1.5rem;
  --space-8: 2rem;     --space-10: 2.5rem;  --space-12: 3rem;
  --space-16: 4rem;    --space-20: 5rem;    --space-24: 6rem;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 999px;

  --shadow-sm: 0 1px 2px rgb(20 26 22 / 0.05);
  --shadow-md: 0 2px 8px rgb(20 26 22 / 0.07);
  --shadow-lg: 0 10px 28px rgb(20 26 22 / 0.10);

  --font-sans: "Inter", "Noto Sans HK", "PingFang HK", "Microsoft JhengHei", system-ui, sans-serif;

  --max-w: 1120px;
  --max-w-wide: 1440px;
  --header-h: 60px;
  --ease: cubic-bezier(.4, 0, .2, 1);
}

/* 淺色（預設） */
:root,
[data-theme="light"] {
  color-scheme: light;
  --bg: #FAF8F4;
  --bg-tint: #F4F1EA;
  --surface: #FFFFFF;
  --surface-2: #F2EFE8;
  --text: #1A1D1B;
  --text-muted: #6A716C;
  --text-faint: #98A09A;
  --border: #E3DFD5;
  --border-strong: #CFC9BC;

  --accent: #12735F;
  --accent-hover: #0E5C4C;
  --accent-soft: #E4F0EB;
  --on-accent: #FFFFFF;

  --warm: #D9782B;
  --warm-soft: #FBEEE0;

  --success: #1E7D4F;
  --success-soft: #E5F2EA;
  --warning: #B4791A;
  --warning-soft: #FAF0DC;
  --danger: #B23B3B;
  --danger-soft: #FAE9E7;
}

/* 深色 */
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #14171A;
  --bg-tint: #191D21;
  --surface: #1C2125;
  --surface-2: #232A2E;
  --text: #ECEFEC;
  --text-muted: #9AA3A0;
  --text-faint: #6E7874;
  --border: #2E363A;
  --border-strong: #3E484C;

  --accent: #2FB79A;
  --accent-hover: #46CBAD;
  --accent-soft: #14312B;
  --on-accent: #0A1512;

  --warm: #E8934A;
  --warm-soft: #33251A;

  --success: #43B37B;
  --success-soft: #162A20;
  --warning: #D9A441;
  --warning-soft: #2E2517;
  --danger: #D96B6B;
  --danger-soft: #2E1D1D;
}

/* 深淺色由前端 initTheme 以 data-theme 控制；預設淺色，不跟隨系統 prefers-color-scheme。 */