/* ---------------------------------------------------------------------------
   Indigo brand theme. Load after tokens.css. It swaps only the brand hue: the
   tokens below are the complete list a theme may set — neutrals, status colors
   and every scale stay Erudite's.
   Contrast: --brand ≥ 3:1 and --brand-ink ≥ 4.5:1 on --card, --muted and --accent
   in both modes.
--------------------------------------------------------------------------- */

:root {
  --ring: #4f46e5;
  --brand: #4f46e5; /* 6.3:1 on --card */
  --brand-ink: #4338ca; /* 7.9:1 on --card, 7.1:1 on --accent */
  --brand-foreground: #ffffff;
  --accent: #eef2ff;
  --accent-foreground: #4338ca;

  /* Indigo takes the brand slot; violet would sit too close to it, so magenta and
     blue fill slots 5 and 7. */
  --chart-1: #4f46e5;
  --chart-5: #d6409f;
  --chart-7: #2a78d6;
  --seq-100: #e0e7ff;
  --seq-200: #c7d2fe;
  --seq-300: #a5b4fc;
  --seq-400: #818cf8;
  --seq-500: #6366f1;
  --seq-600: #4f46e5;
  --seq-700: #4338ca;
  --progress-complete: #4f46e5;
  --progress-partial: #c7d2fe;

  --logo-stop-1: #020617;
  --logo-stop-2: #1d4ed8;
  --logo-stop-3: #6366f1;
  --logo-stop-4: #e0e7ff;
}

.dark {
  --ring: #6366f1;
  --brand: #6366f1; /* 4.2:1 on --card */
  --brand-ink: #818cf8; /* 6.3:1 on --card, 5.6:1 on --accent */
  --brand-foreground: #ffffff;
  --accent: #1b1a3d; /* opaque, so indigo ink stays ≥ 4.5:1 on it over any surface */
  --accent-foreground: #818cf8;

  --chart-1: #6366f1;
  --chart-5: #e05aae;
  --chart-7: #3987e5;
  --seq-100: #1e1d45;
  --seq-200: #27265c;
  --seq-300: #312f78;
  --seq-400: #3c3994;
  --seq-500: #4b48b5;
  --seq-600: #7c82f2;
  --seq-700: #a5b4fc;
  --progress-complete: #6366f1;
  --progress-partial: #4b48b5;
}