/* SNURRA COLOR — locked Direction A. One accent only; the gradient is atmosphere, never UI.
   Every interactive colour below carries hover / active / focus / disabled steps. */
:root{
/* ---- base ramp ---- */
--ink-900:#0B0F1A;   /* page */
--ink-850:#0F1524;   /* raised page / sticky nav */
--ink-800:#141B2D;   /* card surface */
--ink-750:#1A2236;   /* card surface, hovered */
--ink-700:#232A3D;   /* hairline border */
--paper-50:#F5F7FA;
--slate-400:#8B93A7;
--slate-300:#A8B0C2;
--teal-300:#5EEAD4;  /* accent hover */
--teal-400:#2DD4BF;  /* THE accent */
--teal-500:#14B8A6;  /* accent active */
--violet-600:#7C3AED;/* atmosphere only */
--teal-700:#0D9488;  /* atmosphere only */

/* ---- surfaces & lines ---- */
--bg-page:var(--ink-900);
--bg-raised:var(--ink-850);
--surface-card:var(--ink-800);
--surface-card-hover:var(--ink-750);
--surface-inset:color-mix(in srgb,var(--ink-900) 72%,#000);
--border-hairline:var(--ink-700);
--border-hairline-hover:color-mix(in srgb,var(--teal-400) 38%,var(--ink-700));
--border-strong:color-mix(in srgb,var(--paper-50) 14%,transparent);

/* ---- text ----
   FLAGGED: --text-muted (#8B93A7) clears AA (6.2:1 page / 5.6:1 card) but reads dim in practice.
   Use --text-muted-strong (#A8B0C2 — 8.9:1 / 8.0:1) for anything 15px and below, dense, or long-form:
   eyebrows, captions, table text, and any muted copy over the ambient wash.
   Reserve --text-muted for 17px+ single supporting lines on flat backgrounds. Never either on the accent fill. */
--text-body:var(--paper-50);
--text-muted:var(--slate-400);
--text-muted-strong:var(--slate-300);
--text-on-accent:var(--ink-900);      /* 11.6:1 on #2DD4BF */
--text-disabled:color-mix(in srgb,var(--slate-400) 62%,var(--ink-900));

/* ---- accent + interactive states ---- */
--accent:var(--teal-400);
--accent-hover:var(--teal-300);
--accent-active:var(--teal-500);
--accent-subtle:color-mix(in srgb,var(--teal-400) 12%,transparent);
--accent-ring:color-mix(in srgb,var(--accent) 30%,transparent);
--accent-disabled:color-mix(in srgb,var(--teal-400) 24%,var(--ink-800));
--focus-ring:color-mix(in srgb,var(--accent) 70%,transparent);

/* wordmark nova trail (locked hero lockup) */
--nova-head:#FFFFFF;
--nova-tail:var(--accent);

/* link (default + hover defined for the whole system) */
--link:var(--accent);
--link-hover:var(--text-body);

/* ---- atmosphere: glow behind the mark + faint page wash. Never on text, borders, or small elements. ---- */
--gradient-from:var(--violet-600);
--gradient-to:var(--teal-700);
--gradient-ambient:radial-gradient(circle,var(--gradient-from) 0%,var(--gradient-to) 46%,transparent 70%);
--gradient-wash:radial-gradient(70% 62% at 76% 48%,var(--gradient-from) 0%,transparent 62%),radial-gradient(60% 55% at 4% 104%,var(--gradient-to) 0%,transparent 62%)}