/**
 * Touch Med — brand tokens.
 *
 * --brand is sampled from public/logo.jpg itself, not guessed: the median of
 * 646,915 background pixels is #012C79 and the flat area away from the artwork's
 * dark vignette sits at #043A8E. Everything else derives from it, so correcting
 * --brand corrects the whole app.
 */

:root {
  --brand: #043a8e;
  --brand-dark: #012c79;
  --brand-light: #e8eefa;
  --brand-contrast: #ffffff;

  --ink: #0f172a;
  --ink-muted: #64748b;
  --line: #e2e8f0;
  --bg: #f6f8fc;
  --surface: #ffffff;

  --ok: #15803d;
  --warn: #b45309;
  --danger: #b91c1c;

  --radius: 14px;
  --radius-sm: 9px;

  /* Cairo covers Arabic properly; the rest are fallbacks that also do. */
  --font: "Cairo", "Segoe UI", Tahoma, system-ui, sans-serif;
  --font-num: "Segoe UI", system-ui, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand-light: #10233f;
    --ink: #e8eef7;
    --ink-muted: #94a3b8;
    --line: #223049;
    --bg: #0b1220;
    --surface: #131c2e;
  }
}

:root[data-theme="dark"] {
  --brand-light: #10233f;
  --ink: #e8eef7;
  --ink-muted: #94a3b8;
  --line: #223049;
  --bg: #0b1220;
  --surface: #131c2e;
}