:root{
/* base palette — the only colours in the system */
--vyra-blue:#005eff;
--vyra-blue-ink:#0043c4;
--vyra-blue-light:#6aa9fe;
--vyra-ink:#0d1416;
--vyra-ink-2:#3a4a4d;
--vyra-graphite:#5d6b6e;
--vyra-white:#ffffff;
--vyra-mist:#eef1f0;
--vyra-hairline:#e3e7e6;
--vyra-tint:#e6eefc;
--vyra-sand:#f0ebe3;
--vyra-amber:#f2a20c;

/* working greys, taken verbatim from the source files */
--vyra-grey-050:#f8f9fa;
--vyra-grey-100:#f2f4f3;
--vyra-grey-300:#d5dad8;
--vyra-grey-350:#c9d1d6;
--vyra-grey-400:#c3ccce;
--vyra-grey-450:#a3adaf;
--vyra-grey-500:#8f9ba0;
--vyra-grey-550:#7a8688;

/* dark-panel family */
--vyra-panel:#0d1416;
--vyra-panel-2:#101a1c;
--vyra-panel-3:#121920;
--vyra-panel-line:#2a3538;
--vyra-panel-fill:#1c2a2d;

/* amber is a seal only: the demo badge */
--vyra-amber-wash:#fdf1dc;
--vyra-amber-ink:#8a5410;
/* the one warning ink, used for "do not" headings */
--vyra-warn-ink:#8a3010;

/* semantic aliases */
--text-primary:var(--vyra-ink);
--text-secondary:var(--vyra-ink-2);
--text-support:var(--vyra-graphite);
--text-meta:var(--vyra-grey-550);
--text-on-dark:var(--vyra-white);
--text-on-dark-soft:var(--vyra-grey-400);
--text-link:var(--vyra-blue-ink);
--text-link-hover:#002f8f;
--text-eyebrow-light:var(--vyra-blue-ink);
--text-eyebrow-dark:var(--vyra-blue-light);

--surface-canvas:var(--vyra-white);
--surface-soft:var(--vyra-mist);
--surface-tint:var(--vyra-tint);
--surface-sand:var(--vyra-sand);
--surface-card:var(--vyra-white);
--surface-panel:var(--vyra-panel);
--surface-panel-inset:var(--vyra-panel-2);
--surface-hover:var(--vyra-grey-100);
--surface-disabled:var(--vyra-mist);
--text-disabled:var(--vyra-grey-450);

--border-hairline:var(--vyra-hairline);
--border-field:var(--vyra-grey-300);
--border-strong:var(--vyra-ink);
--border-panel:var(--vyra-panel-line);

--action:var(--vyra-blue);
--action-hover:var(--vyra-blue-ink);
--focus-ring:var(--vyra-blue);

--data-series-1:var(--vyra-blue);
--data-series-2:var(--vyra-blue-light);
--data-axis:var(--vyra-grey-500);
}