/* Northline palette. The system's canonical register is the deep near-black field
   used by the marketing site: one canvas, one accent, structure from hairlines.
   The ivory register is retained as an opt-in scope for print and document work. */
:root{
/* base palette — near-black field, warm-white ink, one steel blue */
--field-900:#06070A;
--field-800:#13161C;
--field-700:#171B22;
--field-600:#0F1116;
--ink-50:#F5F4F1;
--ink-200:#B4BAC4;
--ink-300:#9BA2AD;
--ink-400:#9BA1AD;
--ink-500:#8A919F;
--ink-600:#7E8694;
--ink-700:#454C58;
--hair-900:#1B1F26;
--hair-800:#262B34;
--hair-700:#1F242C;
--hair-600:#23272F;
--hair-500:#2A2F38;
--steel-400:#7DB0E9;
--steel-500:#5E9BE0;
--steel-600:#4E86C8;

/* semantic surfaces */
--surface-base:var(--field-900);
--surface-elevated:var(--field-800);
--surface-inset:var(--field-700);
--surface-raised:var(--field-600);
--plate-well:#0A0C10;
--plate-tint:#0A1522;
/* measured re-hue tint: HSL(209,30%,25%) — light-touch hue nudge, keep opacity <= .25 — the hero plate's exact composited hue+saturation.
   Used at high opacity under mix-blend-mode:color to match an off-palette photograph to the
   house tone without losing detail. See readme "Colour grade — measure, don't eyeball". */
--plate-tint-match:#2C3D52;

/* semantic text — every step below is verified >= 4.5:1 (WCAG AA) against base,
   elevated AND inset surfaces of its own theme, because all three are used as text.
   --text-fainter is the ONE exception: it is decorative only (hairline rules, disabled
   marks) and must never carry text. See readme "Text ramp and contrast". */
--text-primary:var(--ink-50);
--text-lede:var(--ink-200);
--text-secondary:var(--ink-300);
--text-quiet:var(--ink-400);
--text-label:var(--ink-500);
--text-faint:var(--ink-600);
--text-fainter:var(--ink-700);
--text-on-accent:var(--field-900);
--text-accent:var(--steel-500);

/* lines — hairline hierarchy carries all structure */
--border-hair:var(--hair-900);
--border-default:var(--hair-800);
--border-panel:var(--hair-700);
--border-field:var(--hair-600);
--border-strong:var(--hair-500);

/* accent — CTAs and at most two key figures per page */
--accent:var(--steel-500);
--accent-hover:var(--steel-400);
--accent-active:var(--steel-600);

/* instrument apparatus — corner brackets and plate grids over imagery */
--bracket:rgba(245,244,241,.5);
--plate-grid:rgba(255,255,255,.045);
--rule-fade:rgba(245,244,241,.04);

/* nav veil — the one use of transparency */
--nav-veil:rgba(6,7,10,0.86);

/* links */
--link:var(--ink-50);
--link-hover:var(--steel-500);

/* deliberately empty: no gradients, no glows, no shadows */
--shadow-none:none;
}
/* ivory register — opt-in light scope for documents, print and editorial pages */
[data-theme="ivory"]{
--surface-base:#F4F3EF;
--surface-elevated:#FBFAF8;
--surface-inset:#ECEAE4;
--surface-raised:#FFFFFF;
--text-primary:#15171C;
--text-lede:#3A3F47;
--text-secondary:#61666E;
--text-quiet:#53575F;
--text-label:#5C6068;
--text-faint:#6D695F;
--text-fainter:#B4B0A6;
--text-on-accent:#FFFFFF;
--text-accent:#1E3A5F;
--border-hair:#ECEAE4;
--border-default:#DFDCD4;
--border-panel:#D6D2C9;
--border-field:#CFCBC1;
--border-strong:#C9C5BB;
--accent:#1E3A5F;
--accent-hover:#2A4C79;
--accent-active:#172E4C;
--bracket:rgba(21,23,28,.4);
--plate-grid:rgba(21,23,28,.05);
--rule-fade:rgba(21,23,28,.05);
--nav-veil:rgba(244,243,239,0.92);
--link:#15171C;
--link-hover:#1E3A5F;
}
/* legacy scopes retained so earlier template explorations keep resolving */
[data-theme="hud"]{
--surface-base:#06070A;
--surface-elevated:#13161C;
--surface-inset:#171B22;
--text-primary:#F5F4F1;
--text-secondary:#9BA2AD;
--text-quiet:#9BA1AD;
--text-label:#8A919F;
--text-faint:#7E8694;
--border-default:#262B34;
--border-hair:#1B1F26;
--border-strong:#2A2F38;
--border-panel:#1F242C;
--border-field:#21262E;
--accent:#5E9BE0;
--accent-hover:#7DB0E9;
--text-accent:#5E9BE0;
--text-on-accent:#06070A;
--hud-bracket:rgba(245,244,241,.5);
--hud-grid:rgba(255,255,255,.045);
--plate-tint:#0A1522;
--plate-tint-match:#2C3D52;
--plate-well:#0A0C10;
}
[data-theme="graphite"]{
--surface-base:#0C0C0E;
--surface-elevated:#131316;
--surface-inset:#17171B;
--text-primary:#F4F3F1;
--text-secondary:#A8A6A1;
--text-quiet:#989690;
--text-label:#8D8B85;
--text-faint:#82807B;
--border-default:#212126;
--border-hair:#191A1E;
--border-strong:#33333A;
--border-panel:#26262C;
--border-field:#2A2A31;
--accent:#4E86C8;
--accent-hover:#6A9BD6;
--text-accent:#6A9BD6;
--text-on-accent:#0C0C0E;
--plate-well:#121215;
}
a{color:var(--link);text-decoration:none}
a:hover{color:var(--link-hover)}