/* =========================================================================
   Aspient Design Tokens — single source of truth for brand + theming.
   Values are space-separated RGB triplets so Tailwind's `rgb(var(--x) / <alpha>)`
   color utilities (e.g. bg-primary/10) work. Light is default; .dark overrides.
   ========================================================================= */

:root {
  /* Brand ramp — "Aspient Azure" (sharpened: vivid, high-contrast electric blue) */
  --brand-50: 236 243 255;
  --brand-100: 217 230 255;
  --brand-200: 184 209 255;
  --brand-300: 138 175 255;
  --brand-400: 79 126 255;
  --brand-500: 37 91 255;   /* primary — vivid electric azure */
  --brand-600: 20 67 240;
  --brand-700: 16 52 206;
  --brand-800: 21 45 158;
  --brand-900: 23 41 120;

  /* Accent ramp — "Signal Cyan" (sharpened AI energy) */
  --accent-400: 45 224 255;
  --accent-500: 6 200 235;
  --accent-600: 8 158 196;

  /* Extended brand palette for elegant, colorful gradients */
  --c-violet: 124 58 237;   /* #7c3aed */
  --c-indigo: 79 70 229;    /* #4f46e5 */
  --c-cyan: 6 182 212;      /* #06b6d4 */
  --c-teal: 13 148 136;     /* #0d9488 */
  --c-pink: 236 72 153;     /* #ec4899 */
  --c-amber: 245 158 11;    /* #f59e0b */
  --c-sky: 14 165 233;      /* #0ea5e9 */

  /* Semantic (light theme) */
  --c-bg: 255 255 255;
  --c-surface: 248 250 252;
  --c-surface-2: 241 245 249;
  --c-text: 15 23 42;        /* slate-900 */
  --c-text-muted: 71 85 105; /* slate-600 */
  --c-border: 226 232 240;   /* slate-200 */
  --c-primary: 37 91 255;
  --c-primary-fg: 255 255 255;
  --c-accent: 6 200 235;

  /* Effects */
  --c-primary-glow: 37 91 255;
  --shadow-color: 15 23 42;
}

.dark {
  --c-bg: 11 17 32;          /* near-black navy */
  --c-surface: 15 23 42;
  --c-surface-2: 19 28 49;
  --c-text: 232 238 252;
  --c-text-muted: 148 163 184;
  --c-border: 30 41 59;
  --c-primary: 90 133 251;   /* lighter for dark surfaces */
  --c-primary-fg: 255 255 255;
  --c-accent: 34 211 238;
  --c-primary-glow: 90 133 251;
  --shadow-color: 0 0 0;
}

/* Respect OS preference on first paint when no explicit class is set */
@media (prefers-color-scheme: dark) {
  :root:not(.light):not(.dark) {
    --c-bg: 11 17 32;
    --c-surface: 15 23 42;
    --c-surface-2: 19 28 49;
    --c-text: 232 238 252;
    --c-text-muted: 148 163 184;
    --c-border: 30 41 59;
    --c-primary: 90 133 251;
    --c-accent: 34 211 238;
    --c-primary-glow: 90 133 251;
    --shadow-color: 0 0 0;
  }
}