@charset "UTF-8";
/* Design tokens → exported as CSS variables */
:root {
  --color-page-bg: #93ae74;
  --color-bg: #ffffff;
  --color-surface: #f8fafb;
  --color-footer-bg: #7a9560;
  --color-text: #1f2937;
  --color-muted: #6b7280;
  --color-border: #e5e7eb;
  --color-accent: #7C5CFC;
  --color-good: #22c55e;
  --color-warn: #f59e0b;
  --color-bad: #ef4444;
  --color-pastel-1: #B8E0D2;
  --color-pastel-2: #FFE5D4;
  --color-pastel-3: #FFD6E0;
  --font-family-sans: Inter, Noto Sans, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, sans-serif;
  --font-size-base: 16px;
  --fs-xxl: 28px;
  --fs-xl: 22px;
  --fs-lg: 18px;
  --fs-md: 16px;
  --fs-sm: 14px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-round: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --shadow-1: 0 1px 2px rgba(0,0,0,.06);
  --shadow-2: 0 3px 8px rgba(0,0,0,.10);
  --ease: cubic-bezier(.2,.8,.2,1);
  --dur-fast: 120ms;
  --dur-med: 200ms;
  --dur-slow: 320ms;
  --container-w: 1100px;
}

html[data-theme=dark] {
  --color-page-bg: #1a1f29;
  --color-bg: #0f1115;
  --color-surface: #141824;
  --color-footer-bg: #1a1f29;
  --color-text: #e5e7eb;
  --color-muted: #9aa3b2;
  --color-border: #252b3a;
  --color-accent: #9e87ff;
  --color-good: #22c55e;
  --color-warn: #fbbf24;
  --color-bad: #f87171;
  --color-pastel-1: #2d3a3a;
  --color-pastel-2: #3a2d2d;
  --color-pastel-3: #3a2d35;
}