:root {
  /* Brand */
  --c-primary: #2A7400;
  --c-primary-dark: #1A4600;
  --c-primary-light: #4A9E1F;
  --c-accent: #A8E063;

  /* Neutrals */
  --c-ink: #0F1419;
  --c-graphite: #3D4651;
  --c-slate: #6B7785;
  --c-cloud: #E5E9EE;
  --c-mist: #F4F6F8;
  --c-snow: #FFFFFF;

  /* Semantic */
  --c-success: #16A34A;
  --c-success-bg: #E8F5DC;
  --c-warning: #F59E0B;
  --c-warning-bg: #FEF3C7;
  --c-danger: #DC2626;
  --c-danger-bg: #FEE2E2;
  --c-info: #2563EB;
  --c-info-bg: #DBEAFE;

  /* Fonts */
  --font-display: 'Onest', 'Manrope', -apple-system, sans-serif;
  --font-body: 'Inter', 'Golos Text', -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* Spacing */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px;
  --s-12: 48px; --s-16: 64px; --s-20: 80px; --s-24: 96px;

  /* Radius */
  --r-sm: 6px; --r-md: 8px; --r-lg: 12px; --r-xl: 16px; --r-full: 999px;

  /* Shadows */
  --sh-sm: 0 1px 2px rgba(15, 20, 25, 0.05);
  --sh-md: 0 4px 12px rgba(15, 20, 25, 0.08);
  --sh-lg: 0 12px 32px rgba(15, 20, 25, 0.12);
  --sh-xl: 0 24px 48px rgba(15, 20, 25, 0.16);

  /* Transitions */
  --t-fast: 0.15s ease;
  --t-base: 0.25s ease;
  --t-slow: 0.4s ease;
}