/* Colour — nine brand tokens, the field pair, a graphite surface ramp, semantic aliases.
   Names map 1:1 onto tokens.json with an --ri- prefix. Extend; never fork.
   Components reference --ri-field / --ri-on-field, never --ri-vermilion directly. */
:root{
/* the nine */
--ri-vermilion:#DC3C24;
--ri-vermilion-deep:#B22D18;
--ri-graphite:#17181A;
--ri-graphite-alt:#202225;
--ri-slate:#4A4B4E;
--ri-grey:#8A8B8E;
--ri-chalk:#FAF9F7;
--ri-bone:#EFEDE9;
--ri-hairline:rgba(23,24,26,.16);

/* field pair — this build is vermilion. The orange variant is approved but is a separate build. */
--ri-field:var(--ri-vermilion);
--ri-field-deep:var(--ri-vermilion-deep);
--ri-on-field:var(--ri-chalk);
--ri-on-field-dim:rgba(250,249,247,.86);
--ri-mark-on-field:var(--ri-chalk);

/* graphite surface ramp — surfaces only, never type. No field tints exist. */
--ri-surface-1:#17181A;
--ri-surface-2:#343538;
--ri-surface-3:#5E5F62;
--ri-surface-4:#A3A29F;
--ri-surface-5:#EFEDE9;

/* semantic text */
--ri-text:var(--ri-graphite);
--ri-text-secondary:var(--ri-slate);
--ri-text-muted:var(--ri-grey);
--ri-text-on-graphite:var(--ri-chalk);
--ri-text-on-graphite-dim:rgba(250,249,247,.72);
--ri-text-on-field:var(--ri-on-field);

/* semantic surfaces */
--ri-surface-page:var(--ri-chalk);
--ri-surface-panel:var(--ri-bone);
--ri-surface-field:var(--ri-field);
--ri-surface-field-two:var(--ri-graphite);
--ri-surface-inside-graphite:var(--ri-graphite-alt);

/* lines, tracks, states */
--ri-border-hairline:var(--ri-hairline);
--ri-border-on-graphite:rgba(250,249,247,.18);
--ri-track:rgba(23,24,26,.10);
--ri-grid:rgba(23,24,26,.08);
--ri-link:var(--ri-field-deep);
--ri-link-hover:var(--ri-graphite);
--ri-focus:var(--ri-field);
--ri-focus-on-field:var(--ri-chalk);
--ri-disabled:var(--ri-grey);

/* chart series — fixed order, flat fills, no gradients, no rounded caps */
--ri-chart-1:#DC3C24;
--ri-chart-2:#17181A;
--ri-chart-3:#8A8B8E;
--ri-chart-4:#B22D18;
--ri-chart-5:#C9C6C0;
}