/* ============ Deep Water (A4): brand tokens ============ */
:root{
  /* surfaces: navy depth ramp derived from brand blue #2547a0 */
  --deep-900:#0d1730;     /* deepest water: page end, footer */
  --deep-800:#101c3c;     /* descending band */
  --deep-700:#14224a;     /* mid-water: hero panel, upper page */
  --panel:#1a2c5e;        /* raised card interior */
  /* working accent: the brand blue and one brighter tint */
  --blue:#2547a0;         /* rules, seams, chip borders, ticks */
  --blue-bright:#7a9bee;  /* text-level accent + hover tint of blue */
  /* text */
  --ice:#eef3fc;          /* primary text: ice white */
  --cream:#f2ead9;        /* display headlines, matches logo linework */
  --dim:#a9b7dc;          /* secondary text */
  /* red: scarce and high-value */
  --red:#e81820;          /* Book buttons + Most popular badge ONLY */
  --red-tint:#f4444b;     /* hover tint of red */
  /* hairlines */
  --line:rgba(122,155,238,.24);
  --display:'Archivo',system-ui,sans-serif;
  --body:'Source Sans 3',system-ui,sans-serif;
  --gutter:clamp(1.25rem,4vw,4.5rem);
  --measure:1280px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--deep-700);
  color:var(--ice);
  font-family:var(--body);
  font-size:1.0625rem;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--blue-bright);outline-offset:3px}

.display{
  font-family:var(--display);
  font-stretch:125%;
  font-variation-settings:'wdth' 125;
}

@font-face{font-family:'Archivo';src:url('../fonts/archivo-var.woff2') format('woff2');font-weight:500 800;font-stretch:100% 125%;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('../fonts/sourcesans3-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('../fonts/sourcesans3-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('../fonts/sourcesans3-400i.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}