:root {
  /* Base palette */
  --cream-50: oklch(0.992 0.006 85);
  --cream-100: oklch(0.965 0.012 85);
  --cream-200: oklch(0.935 0.016 85);
  --cream-300: oklch(0.88 0.015 80);
  --brown-500: oklch(0.48 0.02 60);
  --brown-900: oklch(0.26 0.02 60);
  --green-100: oklch(0.92 0.035 150);
  --green-600: oklch(0.42 0.08 158);
  --green-700: oklch(0.36 0.08 158);
  --orange-500: oklch(0.66 0.15 48);
  --red-100: oklch(0.93 0.035 40);
  --red-600: oklch(0.5 0.15 30);
  --amber-100: oklch(0.93 0.045 80);
  --amber-600: oklch(0.5 0.11 65);

  /* Semantic (light) */
  --bg: var(--cream-100);
  --surface: var(--cream-50);
  --surface-2: var(--cream-200);
  --line: var(--cream-300);
  --text: var(--brown-900);
  --text-muted: var(--brown-500);
  --accent: var(--green-600);
  --on-accent: oklch(0.98 0.01 85);
  --accent-text: var(--green-600);
  --accent-soft: var(--green-100);
  --accent-soft-ink: var(--green-700);
  --second: var(--orange-500);
  --on-second: oklch(0.99 0.01 60);
  --danger: var(--red-600);
  --danger-soft: var(--red-100);
  --warn: var(--amber-600);
  --warn-soft: var(--amber-100);
  --nav-bg: var(--brown-900);
  --nav-ink: var(--cream-100);
  --nav-brand: var(--cream-100);
  --scrim: oklch(0.25 0.02 60 / 0.35);
  color-scheme: light;
}

[data-theme="dark"] {
  --bg: oklch(0.2 0.012 70);
  --surface: oklch(0.245 0.013 70);
  --surface-2: oklch(0.29 0.014 70);
  --line: oklch(0.34 0.014 70);
  --text: oklch(0.93 0.012 85);
  --text-muted: oklch(0.73 0.015 80);
  --accent: oklch(0.75 0.09 155);
  --on-accent: oklch(0.2 0.02 155);
  --accent-text: oklch(0.79 0.09 155);
  --accent-soft: oklch(0.32 0.04 155);
  --accent-soft-ink: oklch(0.85 0.08 155);
  --second: oklch(0.76 0.13 55);
  --on-second: oklch(0.2 0.03 55);
  --danger: oklch(0.74 0.13 35);
  --danger-soft: oklch(0.31 0.05 35);
  --warn: oklch(0.82 0.1 75);
  --warn-soft: oklch(0.32 0.05 75);
  --nav-bg: oklch(0.29 0.014 70);
  --nav-ink: oklch(0.73 0.015 80);
  --nav-brand: oklch(0.93 0.012 85);
  --scrim: oklch(0 0 0 / 0.55);
  --shadow-card: none;
  color-scheme: dark;
}