/* findcnaclasses.com theme — built on the logo teal (#006585, sampled from the live logo) and the logo's heart red.
   Palette A (logo teal + gold CTA) is the default; alternatives B–D are reviewed on stage (palettes.css, review builds only). */
:root {
  --cna-brand: #006585;
  --cna-brand-600: #005670;
  --cna-brand-700: #00465C;
  --cna-brand-50: #EAF5F8;
  --cna-brand-100: #CFE7EF;
  --fc-heart: #E0302B;
  --cna-paper: #F5F9FA;            /* cool clinical off-white replaces the design system's warm cream */
  --cna-featured-bg: #EFF7F9;
  /* wayfinding code: the same four colors mark the homepage directory, the menu panels and section rules */
  --fc-way-classes: var(--cna-brand);
  --fc-way-become: #E3A600;
  --fc-way-exam: #C8283A;
  --fc-way-careers: #3D5A80;
  /* lighter partners of the same four for dark surfaces (the homepage board, the path band) */
  --fc-way-classes-hi: #5BC2DA; --fc-way-become-hi: #F4C21B; --fc-way-exam-hi: #F0606C; --fc-way-careers-hi: #9FB6D8;
}
/* the esyoh zip field: the design's 130px default clips findcna's placeholder ("Enter your ZIP code").
   :where() keeps this at low specificity so layout rules (sidebar full width, hero flex) still win. */
:where(form.esy-zip) input[name="zip_code"] { width: 200px !important; max-width: 100%; box-sizing: border-box; }
body .design-wrapper {
  --brand-blue:#006585; --brand-blue-600:#005670; --brand-blue-700:#00465C; --brand-blue-50:#EAF5F8; --brand-blue-100:#CFE7EF; --featured-bar:#006585; --paper:#F5F9FA;
}