:root {
  /* 中性色（暖色調） */
  --jn-bg: oklch(98% 0.004 75);
  --jn-surface: oklch(100% 0 0);
  --jn-surface-alt: oklch(96% 0.006 75);
  --jn-border: oklch(90% 0.008 75);
  --jn-border-strong: oklch(82% 0.01 75);
  --jn-text: oklch(24% 0.015 60);
  --jn-text-secondary: oklch(46% 0.015 60);
  --jn-text-tertiary: oklch(62% 0.012 60);

  /* 品牌主色 */
  --jn-primary: oklch(55% 0.13 195);
  --jn-primary-hover: oklch(48% 0.13 195);
  --jn-primary-light: oklch(94% 0.03 195);

  /* 語意色 */
  --jn-success: oklch(58% 0.14 148);
  --jn-success-bg: oklch(95% 0.035 148);
  --jn-warning: oklch(72% 0.15 80);
  --jn-warning-bg: oklch(96% 0.04 80);
  --jn-danger: oklch(56% 0.19 25);
  --jn-danger-bg: oklch(95% 0.035 25);

  /* 每日強調色（依 nth-of-type 6 色循環） */
  --jn-day-1: oklch(68% 0.11 220);
  --jn-day-2: oklch(70% 0.13 35);
  --jn-day-3: oklch(66% 0.12 300);
  --jn-day-4: oklch(67% 0.11 148);
  --jn-day-5: oklch(74% 0.13 85);
  --jn-day-6: oklch(68% 0.12 350);

  /* 字體 */
  --jn-font: 'Inter', 'Noto Sans TC', system-ui, sans-serif;
  --jn-fs-xs: 12px; --jn-fs-sm: 13px; --jn-fs-base: 15px; --jn-fs-md: 16px;
  --jn-fs-lg: 18px; --jn-fs-xl: 20px; --jn-fs-2xl: 24px; --jn-fs-3xl: 30px;
  --jn-fw-regular: 400; --jn-fw-medium: 500; --jn-fw-semibold: 600; --jn-fw-bold: 700;

  /* 間距 */
  --jn-space-1: 4px; --jn-space-2: 8px; --jn-space-3: 12px; --jn-space-4: 16px;
  --jn-space-5: 20px; --jn-space-6: 24px; --jn-space-8: 32px; --jn-space-10: 40px;

  /* 圓角 */
  --jn-radius-sm: 6px; --jn-radius-md: 10px; --jn-radius-lg: 14px; --jn-radius-pill: 999px;

  /* 陰影 */
  --jn-shadow-xs: 0 1px 2px oklch(0% 0 0 / 0.05);
  --jn-shadow-sm: 0 1px 3px oklch(0% 0 0 / 0.08), 0 1px 2px oklch(0% 0 0 / 0.04);
  --jn-shadow-md: 0 4px 12px oklch(0% 0 0 / 0.10);
  --jn-shadow-lg: 0 12px 28px oklch(0% 0 0 / 0.16);
  --jn-shadow-modal: 0 20px 50px oklch(0% 0 0 / 0.22);

  /* 首頁新增：延伸既有變數，不覆蓋既有命名 */
  --jn-fs-hero: 44px;
  --jn-fs-h2: 30px;
  --jn-fs-h3: 24px;
  --jn-radius-xl: 20px;
  --jn-shadow-hero: 0 20px 50px oklch(0% 0 0 / 0.10);
}