/* ── Design tokens ─────────────────────────────────────────── */
:root {
  /* 色彩：還原實體卡的象牙底＋金箔 */
  --ivory: oklch(96.5% 0.02 90);          /* 卡面象牙白 */
  --ivory-deep: oklch(93% 0.03 88);       /* 卡面漸層深端 */
  --linen: oklch(90% 0.035 85);           /* 頁面背景亞麻色 */
  --linen-deep: oklch(84% 0.045 80);      /* 背景 vignette 深端 */
  --gold: #b8860b;
  --gold-dark: #a9832c;
  --gold-mid: #c9a55a;
  --gold-light: #e8c66b;
  --gold-pale: #f0dfae;
  --ink: oklch(38% 0.06 75);              /* 卡面文字暖棕 */
  --ink-soft: oklch(48% 0.05 78);
  --ink-faint: oklch(60% 0.04 80);

  /* 字級 */
  --text-sm: clamp(0.8rem, 0.75rem + 0.25vw, 0.9rem);
  --text-base: clamp(1rem, 0.94rem + 0.3vw, 1.15rem);
  --text-card: clamp(1.05rem, 0.9rem + 0.8vw, 1.5rem);
  --text-num: clamp(1.4rem, 1.2rem + 1vw, 2rem);
  --text-title: clamp(1.25rem, 1.1rem + 0.8vw, 1.75rem);

  /* 間距與圓角 */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.75rem;
  --space-4: 3rem;
  --radius-card: 4.5%;

  /* 動畫 */
  --dur-fast: 220ms;
  --dur-flip: 640ms;
  --dur-draw: 380ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-flip: cubic-bezier(0.4, 0, 0.2, 1);

  /* 陰影 */
  --shadow-card: 0 2px 6px oklch(30% 0.04 80 / 0.18), 0 12px 32px oklch(30% 0.04 80 / 0.22);
  --shadow-card-soft: 0 1px 3px oklch(30% 0.04 80 / 0.15), 0 6px 16px oklch(30% 0.04 80 / 0.16);
}