/* theme.css — 設計 token：結構（共用）＋ 兩主題顏色 */
:root {
  /* 結構 token（不隨主題變動） */
  --container-max: 1160px;
  --radius-lg: 18px;
  --radius: 12px;
  --radius-sm: 8px;
  --radius-pill: 999px;

  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px;

  --shadow-sm: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.10);
  --shadow-md: 0 6px 16px rgba(16,24,40,.08), 0 12px 28px rgba(16,24,40,.06);
  --shadow-lg: 0 18px 48px rgba(16,24,40,.16);

  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang TC", "Microsoft JhengHei",
               "Noto Sans TC", "Segoe UI", Roboto, sans-serif;
  --font-display: "Schibsted Grotesk", "Noto Sans TC", var(--font-sans);

  --ease: cubic-bezier(.22,.61,.36,1);
  --dur: .5s;
}

/* 主題 A：現代藍（預設） */
:root,
[data-theme="blue"] {
  --brand: #1E5BD6;
  --brand-strong: #143C8A;
  --brand-weak: #EAF1FD;
  --on-brand: #FFFFFF;
  --bg: #F7F9FC;
  --surface: #FFFFFF;
  --surface-2: #F2F5FA;
  --text: #1A2433;
  --muted: #5B6676;
  --border: #E3E8F0;
}

/* 主題 B：墨綠 */
[data-theme="green"] {
  --brand: #1B6B4F;
  --brand-strong: #0F4A37;
  --brand-weak: #E7F1EC;
  --on-brand: #FFFFFF;
  --bg: #FAF8F3;
  --surface: #FFFFFF;
  --surface-2: #F3F0E8;
  --text: #1E2A24;
  --muted: #5C6660;
  --border: #E7E3D9;
}