/*
 * CORVISART design tokens - shared by every CORVISART site.
 *
 * Taken from the History Taking Trainer (hx), client/src/index.css, dark theme.
 * The hx app keeps its own copy as "R G B" channels for Tailwind; the channel
 * values below are the same, so a site using Tailwind can map onto them the
 * way hx does: rgb(var(--brand-400) / <alpha-value>).
 *
 * Change a value here and in hx together.
 */
:root {
  /* Surfaces: 950 is the page, 850 the cards, 700 the borders. */
  --ink-950: 7 16 25;      /* #071019 */
  --ink-900: 11 24 38;     /* #0B1826 */
  --ink-850: 15 32 48;     /* #0F2030 */
  --ink-800: 19 41 58;     /* #13293A */
  --ink-700: 27 58 78;     /* #1B3A4E */
  --ink-600: 37 80 102;    /* #255066 */

  /* Brand cyan. 400 is the accent. */
  --brand-200: 165 243 252;
  --brand-300: 103 232 249;
  --brand-400: 34 211 238; /* #22D3EE */
  --brand-500: 6 182 212;
  --brand-600: 8 145 178;

  /* Text: 100 strongest, 500 most muted (still 4.5:1 on a card). */
  --slate-100: 241 245 249; /* #F1F5F9 */
  --slate-200: 226 232 240;
  --slate-300: 203 213 225; /* #CBD5E1 */
  --slate-400: 148 163 184;
  --slate-500: 128 144 160;

  /* Accents. */
  --sky: 125 211 252;   /* #7DD3FC - hx "freeze" */
  --green: 52 211 153;  /* #34D399 - hx "success" */
  --amber: 251 191 36;  /* #FBBF24 - hx "streak" */

  /* Text on a filled accent: kept dark. */
  --on-brand: 7 16 25;

  /* The soft glow at the top of every page. */
  --page-glow-a: rgba(34, 211, 238, 0.1);
  --page-glow-b: rgba(8, 145, 178, 0.08);

  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Chela One', 'Inter', system-ui, sans-serif;

  color-scheme: dark;
}