/* frontend/css/tokens.css */
:root {
  /* 色彩 tokens（oklch：禪繞暖棕藝術感）*/
  --color-bg:        oklch(97% 0.01 80);
  --color-surface:   oklch(99% 0.005 80);
  --color-border:    oklch(88% 0.02 70);
  --color-text:      oklch(25% 0.04 60);
  --color-text-mute: oklch(55% 0.03 60);
  --color-primary:   oklch(45% 0.08 55);
  --color-primary-hover: oklch(38% 0.09 55);
  --color-accent:    oklch(65% 0.09 190);
  --color-success:   oklch(60% 0.12 150);
  --color-error:     oklch(55% 0.15 25);
  --color-warning:   oklch(70% 0.13 75);

  /* 字型 */
  --font-serif: 'Lora', 'Noto Serif TC', '思源宋體', serif;
  --font-sans:  'Noto Serif TC', '思源宋體', serif;

  /* 間距 */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;

  /* 圓角 */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;

  /* 陰影 */
  --shadow-sm: 0 1px 3px oklch(25% 0.04 60 / 0.08);
  --shadow-md: 0 4px 12px oklch(25% 0.04 60 / 0.10);
  --shadow-lg: 0 8px 24px oklch(25% 0.04 60 / 0.12);

  /* 動畫 */
  --transition: 0.2s ease;
}