:root {
  color-scheme: light;
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --bg: #f6f7f6;
  --surface: #ffffff;
  --surface-container: #eef1ee;
  --surface-container-high: #e6eae6;
  --on-surface: #1a1f1c;
  --on-surface-variant: #4c5650;
  --outline: #8a938c;
  --outline-variant: #dde2dd;
  --primary: #2f6b27;
  --on-primary: #ffffff;
  --primary-container: #d6ebce;
  --on-primary-container: #13310f;
  --error: #b3261e;
  --on-error: #ffffff;
  --error-container: #f9dedc;
  --on-error-container: #410e0b;
  --warning: #8a5300;
  --warning-container: #fbe7c6;
  --inverse-surface: #2e3330;
  --inverse-on-surface: #eff1ee;
  --inverse-primary: #93d383;
  --focus: #2f6b27;
  --scrim: rgba(0, 0, 0, 0.32);

  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px;
  --r-field: 8px; --r-card: 12px; --r-dialog: 28px; --r-full: 999px;
  --elev-menu: 0 2px 6px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.08);
  --elev-dialog: 0 8px 24px rgba(0, 0, 0, 0.18), 0 2px 6px rgba(0, 0, 0, 0.1);

  --ease: cubic-bezier(0.2, 0, 0, 1);
  --ease-in: cubic-bezier(0, 0, 0, 1);
  --ease-out: cubic-bezier(0.3, 0, 1, 1);
  --dur-1: 100ms; --dur-2: 150ms; --dur-3: 200ms; --dur-4: 300ms;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0f1311;
  --surface: #161b18;
  --surface-container: #1d2320;
  --surface-container-high: #252c28;
  --on-surface: #e3e8e4;
  --on-surface-variant: #b1bab3;
  --outline: #7a837d;
  --outline-variant: #2f3632;
  --primary: #93d383;
  --on-primary: #0f2a0b;
  --primary-container: #24481d;
  --on-primary-container: #cdeec3;
  --error: #f2b8b5;
  --on-error: #601410;
  --error-container: #601410;
  --on-error-container: #f9dedc;
  --warning: #f4c16b;
  --warning-container: #4a3100;
  --inverse-surface: #e3e8e4;
  --inverse-on-surface: #1a1f1c;
  --inverse-primary: #2f6b27;
  --focus: #93d383;
  --scrim: rgba(0, 0, 0, 0.6);
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-1: 0ms; --dur-2: 0ms; --dur-3: 0ms; --dur-4: 0ms; }
}