/* Design token CSS custom properties — RGB channel format required for Tailwind opacity modifiers */
:root {
  /* primary (motywacja.com navy/blue palette) */
  --color-primary-50:  245 248 255; /* #F5F8FF — light section bg */
  --color-primary-100: 224 234 255; /* derived */
  --color-primary-200: 191 213 255; /* derived — borders, spinners */
  --color-primary-300: 110 193 228; /* #6EC1E4 — sky blue, accent on dark, prices */
  --color-primary-400: 104 148 228; /* #6894E4 — steel blue, focus rings, checkmarks */
  --color-primary-500: 48 81 145;   /* #305191 — mid-tone, badges, headings */
  --color-primary-600: 1 54 132;    /* #013684 — buttons, nav bar */
  --color-primary-700: 46 80 150;   /* #2E5096 — button hover, gradient end */
  --color-primary-800: 0 25 66;     /* #001942 — deep navy, dark body bg */
  --color-primary-900: 0 0 0;       /* #000000 — darkest bg */

  /* accent (sky blue derived from #6EC1E4) */
  --color-accent-50:  239 246 255;
  --color-accent-100: 219 234 254;
  --color-accent-200: 191 219 254;
  --color-accent-300: 147 197 253;
  --color-accent-400: 110 193 228; /* #6EC1E4 — sky blue */
  --color-accent-500: 59 130 246;
  --color-accent-600: 37 99 235;
  --color-accent-700: 48 81 145;   /* #305191 — aligns with primary headings */
  --color-accent-800: 30 64 175;
  --color-accent-900: 30 58 95;
}

.dark {
  /* Dark mode overrides — to be filled in */
}