:root{
  /* Brand — teal → cyan → blue */
  --teal:#0D9488;
  --mint:#6FD9C0;
  --cyan:#22D3EE;
  --sky:#38BDF8;
  --blue:#2563EB;
  --teal-ink:#0F766E;

  /* Signature gradients */
  --grad-method:linear-gradient(120deg,#0D9488 0%,#14B8A6 12%,#22D3EE 38%,#22D3EE 66%,#38BDF8 86%,#2563EB 100%);
  --grad-signal:linear-gradient(120deg,#6FD9C0 0%,#22D3EE 38%,#22D3EE 72%,#3B82F6 100%);
  --grad-mark:linear-gradient(120deg,#0D9488 0%,#14B8A6 10%,#22D3EE 30%,#22D3EE 72%,#38BDF8 90%,#2563EB 100%);

  /* Neutrals */
  --ink-900:#050A12;
  --ink-800:#0B1220;
  --ink-700:#152030;
  --slate-500:#64748B;
  --slate-300:#C3CDDA;
  --canvas:#FFFFFF;
  --canvas-soft:#F4F8F9;

  /* Semantic */
  --bg:var(--canvas);
  --bg-dark:var(--ink-900);
  --surface-card:var(--canvas);
  --surface-card-dark:var(--ink-800);
  --border:#E6EEF0;
  --border-dark:rgba(255,255,255,.08);
  --text:#0F1720;
  --text-invert:#F2F7F9;
  --text-muted:#5A6B7B;
  --text-muted-dark:rgba(195,205,218,.85);
  --accent-ink:var(--teal-ink);
  --focus-ring:#38BDF8;
  --success:#10B981;
  --warning:#F59E0B;
  --danger:#E11D48;
}