:root{
/* Brand & accent */
--brand-black:#000000;
--near-black:#17171c;
--green-deep:#003c33;
--navy-dark:#071829;
--blue-action:#1863dc;
--coral:#ff7759;
--coral-soft:#ffad9b;
/* Surfaces */
--canvas:#ffffff;
--stone:#eeece7;
--wash-green:#edfce9;
--wash-blue:#f1f5ff;
--card-border:#f2f2f2;
/* Text & rules */
--ink:#212121;
--slate-muted:#93939f;
--slate:#75758a;
--hairline:#d9d9dd;
--border-light:#e5e7eb;
/* Semantic states */
--focus-ring:#4c6ee6;
--focus-input:#9b60aa;
--error:#b30000;
/* Semantic aliases */
--surface-page:var(--canvas);
--surface-card:var(--canvas);
--surface-warm:var(--stone);
--surface-band-green:var(--green-deep);
--surface-band-navy:var(--navy-dark);
--surface-footer:var(--near-black);
--text-body:var(--ink);
--text-muted:var(--slate-muted);
--text-tertiary:var(--slate);
--text-inverse:#ffffff;
--link:var(--blue-action);
--cta-bg:var(--near-black);
--cta-fg:#ffffff;
--chip-accent:var(--coral);
--chip-border-soft:var(--coral-soft);
--rule:var(--hairline);
--rule-soft:var(--border-light);
}