/* =========================================================
   hc-brand.css  --  ThinkKits Help Center Brand Override
   Loaded AFTER each page's inline <style> to override
   legacy color tokens with the approved brand palette.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');

/* ---- Root variable overrides ---- */
:root {
  /* Navy palette */
  --navy:       #0a1628;
  --navy-mid:   #0d1b2e;
  --navy-light: #122240;

  /* Accent / CTA */
  --accent:       #f0c860;
  --accent-hover: #d4af37;

  /* Aliases some pages use */
  --blue:       #f0c860;
  --blue-light: #f5da8a;

  /* Text on navy stays legible */
  --text: #0a1628;
}

/* ---- Hero h1: DM Serif Display ---- */
[class*="-hero"] h1,
.hc-hero h1 {
  font-family: 'DM Serif Display', Georgia, serif;
  font-weight: 400;          /* DM Serif Display only ships 400 */
  letter-spacing: -0.01em;
}

/* ---- Smooth page-exit transition ---- */
body {
  opacity: 1;
  transition: opacity 150ms ease;
}
body.hc-fade-out {
  opacity: 0;
}