:root{
/* Base — deep-space navy-teal (from KV-0223-04) */
--navy-900:#0a1414; --navy-800:#102020; --navy-700:#172b2b;
/* Teal — secondary accent */
--teal-400:#2fa6b8; --teal-700:#045f61;
/* Gold — primary accent */
--gold-300:#f6d564; --gold-700:#b8860a;
/* ET Edge crimson — co-brand credit ONLY, never general UI */
--etedge-crimson:#cb1217;
/* Neutrals (on dark) */
--white-soft:#f3f6f4; --grey-300:#c8d3cf; --grey-500:#8ca09b;
/* GSA spectrum divider stops (decorative bar under the wordmark) */
--spectrum-green:#3f9b3a; --spectrum-gold:#e6c23a; --spectrum-blue:#2c7fc0; --spectrum-red:#df2127;
--gradient-spectrum:linear-gradient(90deg,var(--spectrum-green) 0%,var(--spectrum-gold) 38%,var(--spectrum-blue) 62%,#7b4f9e 80%,var(--spectrum-red) 100%);
/* Ribbon motif gradient (teal→cyan→gold energy waves) */
--gradient-ribbon:linear-gradient(90deg,var(--teal-700),var(--teal-400) 45%,var(--gold-300));
--gradient-ribbon-soft:linear-gradient(120deg,rgba(4,95,97,.5),rgba(47,166,184,.25) 50%,rgba(246,213,100,.18)); /* @kind other */
/* Semantic aliases */
--surface-page:var(--navy-900);
--surface-card:var(--navy-800);
--border-hairline:var(--navy-700);
--accent-primary:var(--gold-300);       /* headlines, primary buttons */
--accent-primary-strong:var(--gold-700);/* gold on light surfaces */
--accent-secondary:var(--teal-400);     /* links, icons, focus */
--accent-secondary-deep:var(--teal-700);/* ribbon / flag fills */
--text-body:var(--white-soft);
--text-secondary:var(--grey-300);
--text-tertiary:var(--grey-500);
--text-on-gold:var(--navy-900);
--link:var(--teal-400);
--focus-ring:var(--teal-400);
}