:root {
  --color-bg-primary: #fafaf9;
  --color-bg-secondary: #f2f1ee;
  --color-surface: #ffffff;
  --color-border: #e5e3df;
  --color-text-primary: #1c1b19;
  --color-text-secondary: #6b6862;
  --color-text-tertiary: #a8a49c;
  --color-accent: #ff5a1f;
  --color-accent-hover: #e64f1a;
  --color-accent-subtle: #ffe9df;
  --color-success: #2d7a4f;
  --color-warning: #b8860b;
  --color-error: #c7402c;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;

  --radius-btn: 12px;
  --radius-card: 16px;
  --radius-input: 10px;
  --radius-badge: 8px;

  --shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-strong: 0 16px 40px rgba(28, 27, 25, 0.08);

  --text-display: clamp(3rem, 5vw, 3.5rem);
  --text-h1: 32px;
  --text-h2: 24px;
  --text-h3: 18px;
  --text-body: 16px;
  --text-body-sm: 14px;
  --text-caption: 12px;
  --text-metric: clamp(2rem, 4vw, 2.5rem);

  --font-sans: "Inter", sans-serif;
  --font-mono: "JetBrains Mono", monospace;

  --container: 1200px;
  --sidebar-width: 260px;
  --bottom-nav-height: 76px;
}