:root {
  color-scheme: light dark;
  --fos-color-background: #f7f8f5;
  --fos-color-surface: #ffffff;
  --fos-color-surface-muted: #eef1ea;
  --fos-color-text: #121711;
  --fos-color-text-soft: #445040;
  --fos-color-text-muted: #6d7868;
  --fos-color-border-subtle: #dfe5d9;
  --fos-color-border-strong: #bfcbb8;
  --fos-color-link: #2f5a28;
  --fos-color-focus: #2e7d32;
  --fos-color-success: #2e7d32;
  --fos-color-success-soft: #e4f3e5;
  --fos-color-warning: #9a6200;
  --fos-color-warning-soft: #fff3d8;
  --fos-color-danger: #b3261e;
  --fos-color-danger-soft: #fde7e5;
  --fos-color-info: #2563eb;
  --fos-color-info-soft: #e8efff;
  --fos-color-accent-soft: #edf3ea;
  --fos-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fos-radius-sm: 6px;
  --fos-radius-md: 10px;
  --fos-radius-lg: 16px;
  --fos-radius-xl: 24px;
  --fos-radius-full: 999px;
  --fos-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.06);
  --fos-shadow-md: 0 8px 24px rgb(0 0 0 / 0.08);
  --fos-shadow-lg: 0 18px 48px rgb(0 0 0 / 0.10);
  --fos-z-nav: 50;
  --fos-z-toast: 200;
  --fos-motion-fast: 140ms;
  --fos-motion-base: 220ms;
  --fos-motion-slow: 360ms;
  --fos-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --fos-ease-out: cubic-bezier(0, 0, 0.2, 1);
}

[data-theme="dark"] {
  --fos-color-background: #080c08;
  --fos-color-surface: #101610;
  --fos-color-surface-muted: #182018;
  --fos-color-text: #f2f5ef;
  --fos-color-text-soft: #c2cabd;
  --fos-color-text-muted: #8c9786;
  --fos-color-border-subtle: #253025;
  --fos-color-border-strong: #3a4938;
  --fos-color-link: #8bcf80;
  --fos-color-focus: #8bcf80;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  font-family: var(--fos-font-sans);
  background: var(--fos-color-background);
  color: var(--fos-color-text);
}
a { color: var(--fos-color-link); }