:root {
    /* Primary — Navy */
    --color-primary-50:  238 244 251;
    --color-primary-100: 213 227 245;
    --color-primary-200: 175 200 235;
    --color-primary-300: 128 166 220;
    --color-primary-400: 85 132 202;
    --color-primary-500: 53 103 181;
    --color-primary-600: 42 82 150;
    --color-primary-700: 30 77 140;
    --color-primary-800: 22 58 107;
    --color-primary-900: 15 43 91;
    --color-primary-950: 9 27 61;

    /* Accent — Cyan/Teal */
    --color-accent-50:  236 254 255;
    --color-accent-100: 207 250 254;
    --color-accent-200: 165 243 252;
    --color-accent-300: 103 232 249;
    --color-accent-400: 34 211 238;
    --color-accent-500: 6 182 212;
    --color-accent-600: 8 145 178;
    --color-accent-700: 14 116 144;
    --color-accent-800: 21 94 117;
    --color-accent-900: 22 78 99;

    /* Surface */
    --color-surface:          248 250 252;
    --color-surface-card:     255 255 255;
    --color-surface-dark:     15 23 42;
    --color-surface-card-dark: 30 41 59;

    /* Neutral (slate) — Tailwind default cool gray */
    --color-slate-50:  248 250 252;
    --color-slate-100: 241 245 249;
    --color-slate-200: 226 232 240;
    --color-slate-300: 203 213 225;
    --color-slate-400: 148 163 184;
    --color-slate-500: 100 116 139;
    --color-slate-600: 71 85 105;
    --color-slate-700: 51 65 85;
    --color-slate-800: 30 41 59;
    --color-slate-900: 15 23 42;
    --color-slate-950: 2 6 23;
  }