/* Ovesion colour tokens — source: docs/UI_SPEC.md §1. No green anywhere. No cyan. */
:root{
/* Chrome — 95% of pixels */
--bg-canvas:#0B0C0E;
--bg-nav:#0E1013;
--bg-surface:#13151A;
--bg-inset:#0F1116;
--bg-hover:#181B21;
--border:#22262E;
--border-subtle:#191C22;
--border-inset:#1E222A;
--text:#F4F5F7;
--text-secondary:#9AA1AC;
--text-muted:#6B7280;
--text-on-brand:#FFF1EE;
--text-table-cell:#C9CFD8;

/* Brand / interactive — oxblood from the wordmark */
--brand:#7A241B;
--brand-hover:#9A2F23;
--brand-link:#C4483A;
--brand-link-hover:#E0604D;
--focus-ring:#F0402A;

/* Severity ramp (independent axis) */
--sev-critical:#F0402A;
--sev-high:#E07A1F;
--sev-medium:#D9A72A;
--sev-low:#7C8794;

/* Applicability (independent axis, four states) */
--app-confirmed:#F0402A;
--app-confirmed-text:#FF7A66;
--app-potential:#E07A1F;
--app-insufficient:#4C8DBF;
--app-insufficient-text:#7FB4DC;
--app-not-applicable:#3A4048;
--app-not-applicable-text:#7C8794;

/* Charts — severity ramp in order, neutral for everything else */
--chart-1:var(--sev-critical);
--chart-2:var(--sev-high);
--chart-3:var(--sev-medium);
--chart-4:var(--sev-low);
--chart-neutral:#7C8794;
--chart-evidence:var(--app-insufficient);

/* Semantic aliases */
--surface-card:var(--bg-surface);
--surface-well:var(--bg-inset);
--surface-page:var(--bg-canvas);
--surface-chrome:var(--bg-nav);
--text-body:var(--text);
--text-label:var(--text-secondary);
--text-meta:var(--text-muted);
--action-fill:var(--brand);
--action-fill-hover:var(--brand-hover);
--action-link:var(--brand-link);
--action-link-hover:var(--brand-link-hover);
}
