:root {
  --brand-900: #0A2119;
  --brand-800: #0F3829;
  --brand-700: #1B4332;
  --brand-600: #245F47;
  --brand-500: #2D6A4F;
  --brand-400: #40916C;
  --brand-300: #52B788;
  --brand-200: #74C69D;
  --brand-100: #B7E4C7;
  --brand-50: #D8F3DC;
  --brand-10: #F0FAF3;

  --neutral-950: #080C0A;
  --neutral-900: #111612;
  --neutral-800: #1C2320;
  --neutral-700: #2C3530;
  --neutral-600: #3D4842;
  --neutral-500: #556059;
  --neutral-400: #6E7B74;
  --neutral-300: #98A89F;
  --neutral-200: #C4CEC9;
  --neutral-100: #E0E8E4;
  --neutral-50: #EFF5F2;
  --neutral-10: #F7FAF8;

  --accent-teal: #0FA88A;
  --accent-teal-light: #E6FAF6;
  --accent-blue: #2563EB;
  --accent-blue-light: #EFF6FF;
  --accent-amber: #D97706;
  --accent-amber-light: #FFFBEB;
  --accent-rose: #E11D48;
  --accent-rose-light: #FFF1F2;

  --surface-bg: #F4F8F5;
  --surface-card: #FFFFFF;
  --surface-sidebar: #1F2933;
  --surface-raised: #FFFFFF;

  --border-subtle: #E4EDE8;
  --border-medium: #C8D8D0;

  --text-primary: #111612;
  --text-secondary: #556059;
  --text-muted: #98A89F;
  --text-inverse: #FFFFFF;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-2xl: 32px;
  --radius-pill: 999px;

  --shadow-xs: 0 1px 3px rgba(15, 30, 24, 0.06), 0 1px 2px rgba(15, 30, 24, 0.04);
  --shadow-sm: 0 2px 8px rgba(15, 30, 24, 0.08), 0 1px 3px rgba(15, 30, 24, 0.05);
  --shadow-md: 0 4px 16px rgba(15, 30, 24, 0.10), 0 2px 6px rgba(15, 30, 24, 0.06);
  --shadow-lg: 0 8px 32px rgba(15, 30, 24, 0.12), 0 4px 12px rgba(15, 30, 24, 0.07);

  --font-display: 'Sora', sans-serif;
  --font-body: 'DM Sans', sans-serif;

  --transition-fast: 0.15s ease;
  --transition-medium: 0.2s ease;
}