:root {
  /* Dark Mode (Default) - Restrained OKLCH Palette */
  --bg: oklch(0.14 0.015 160);
  --bg-elevated: oklch(0.17 0.02 160);
  --surface: oklch(0.20 0.025 160);
  --surface-hover: oklch(0.24 0.03 160);
  --border: oklch(0.90 0.02 160 / 0.08);
  --border-strong: oklch(0.90 0.02 160 / 0.15);

  --text-primary: oklch(0.95 0.01 160);
  --text-secondary: oklch(0.78 0.02 160);
  --text-muted: oklch(0.62 0.02 160);

  --accent: oklch(0.76 0.13 165);
  --accent-hover: oklch(0.81 0.12 165);
  --accent-soft: oklch(0.76 0.13 165 / 0.1);
  --accent-glow: oklch(0.76 0.13 165 / 0.2);
  --btn-text: var(--bg);

  --warning: oklch(0.78 0.14 75);
  --warning-soft: oklch(0.78 0.14 75 / 0.1);
  --danger: oklch(0.69 0.16 25);
  --danger-soft: oklch(0.69 0.16 25 / 0.1);
  --success: oklch(0.76 0.13 165);

  --home-bg-gradient: radial-gradient(circle at 10% 20%, oklch(0.18 0.03 160) 0%, transparent 60%);

  /* Hydration Levels (keep hex for engine consistency) */
  --level-1: #f0f4e8;
  --level-2: #f5f0c4;
  --level-3: #f0e68c;
  --level-4: #f0d84a;
  --level-5: #e6c422;
  --level-6: #d4a812;
  --level-7: #c48a0a;
  --level-8: #a06804;

  --font-display: 'Instrument Serif', Georgia, serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Custom easing curves based on emil-design-eng */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-spring-subtle: cubic-bezier(0.25, 1, 0.5, 1);
}

/* Light Mode Overrides */
:root[data-theme="light"] {
  --bg: oklch(0.98 0.005 160);
  --bg-elevated: oklch(1.0 0.0 0);
  --surface: oklch(0.94 0.01 160);
  --surface-hover: oklch(0.90 0.015 160);
  --border: oklch(0.20 0.02 160 / 0.08);
  --border-strong: oklch(0.20 0.02 160 / 0.15);

  --text-primary: oklch(0.20 0.02 160);
  --text-secondary: oklch(0.42 0.03 160);
  --text-muted: oklch(0.58 0.02 160);

  --accent: oklch(0.42 0.12 165);
  --accent-hover: oklch(0.38 0.12 165);
  --accent-soft: oklch(0.42 0.12 165 / 0.08);
  --accent-glow: oklch(0.42 0.12 165 / 0.15);
  --btn-text: oklch(0.98 0.005 160);

  --warning: oklch(0.48 0.12 75);
  --warning-soft: oklch(0.48 0.12 75 / 0.08);
  --danger: oklch(0.46 0.14 25);
  --danger-soft: oklch(0.46 0.14 25 / 0.08);
  --success: oklch(0.42 0.12 165);

  --home-bg-gradient: radial-gradient(circle at 10% 20%, oklch(0.94 0.015 160) 0%, transparent 60%);
}