/* ══════════════════════════════════════════ DCSA THEME — Defense Counterintelligence and Security Agency Inspired by dcsa.mil (brand taken from the DCSA seal: navy eagle + gold shield) Primary: DCSA navy (#0A2240, from the seal/eagle) Accent: DCSA brand gold (#E7B909 — the bright seal gold, requested by the business for the hero accent word and the hero Search button) CAVEAT: #E7B909 is only 1.85:1 against white, so the base UI's white text on --color-accent (.hero-search-btn, .contact-cta-btn) fails WCAG AA; those need a dark label to be legible. It reads well as text on the navy hero (.hero-accent) and behind dark text (.btn-continue-orange). Served from MinIO (websites-public/themes/dcsa/dcsa.css) and injected by the website root layout as when . Overriding the CSS variables cascades to every rule using var(--color-*), including the highlighted nav menu items (.nav-links a.active / :hover), hero, buttons, footer, and dashboard accents. ══════════════════════════════════════════ */ [data-theme="dcsa"] { --color-primary: #0A2240; /* DCSA navy */ --color-primary-dark: #081A32; --color-primary-darker: #05101F; --color-navy: #05101F; /* deep navy for footer / hero */ --color-accent: #E7B909; /* DCSA brand gold */ --color-accent-hover: #C79F08; /* same hue, darkened ~14% for the press state */ /* Label colour for text sitting ON the accent (.hero-search-btn, .contact-cta-btn). MUST stay dark: white on #E7B909 is 1.85:1, well under the 4.5:1 WCAG AA floor, while #1A1A1A is 9.4:1. Do not "tidy" this to #fff. */ --color-accent-on: #1A1A1A; /* The accent used AS TEXT on a light surface (.enroll-resume-error, .coming-soon-accent) — a different axis from --color-accent-on above. Deliberately darker than --color-accent: the bright #E7B909 is for the accent on the navy hero and on accent-backed buttons, but as text on a light card it is only ~1.85:1. This gold is 5.03:1 on white (it is the value the DCSA accent itself held before the brand refresh). */ --color-accent-on-light: #8C6A00; }