/* DESIGN — Elite Rooter's own fonts and colors, copied from eliterooter.com (measured in the browser, Oct 30 2026).
   Live :root tokens: --navy #071b31, --blue #007589, --red #d12f32, --cream #f5f1e9, --paper #fbfaf7, --surface #7dbad9,
   --ink #101a24, --muted #5b6876, --line #dbe2e7, --gold #ffbd59 (buttons: gold with navy text).
   Headings: Georgia (live --serif), 700. Labels/eyebrows/h3: Montserrat 700/800 (self-hosted on the live site).
   Body: the system UI stack. The template has no label-font token, so Montserrat is loaded but unused until it gets one
   (flagged). Live red (#d12f32), paper (#fbfaf7) and sky surface (#7dbad9, reviews band) have no template role yet.
   The template never overrides this file. */
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/montserrat-700.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/montserrat-800.woff2") format("woff2"); }

:root {
  --site-logo-height: 58px;
  --navy: #071b31;
  --blue: #007589;
  --cream: #f5f1e9;
  --ink: #101a24;
  --muted: #5b6876;
  --line: #dbe2e7;
  --gold: #ffbd59;

  --cheers-component-background: #ffffff;
  --cheers-component-surface: var(--cream);
  --cheers-component-surface-hover: #ede7da;
  --cheers-component-text: var(--ink);
  --cheers-component-muted: var(--muted);
  --cheers-component-heading: var(--navy);
  --cheers-component-accent: var(--blue);
  --cheers-component-focus: var(--blue);
  --cheers-component-border: var(--line);
  --cheers-component-rating: var(--gold);
  --cheers-component-action-text: var(--navy);
  --cheers-component-radius: 8px;
  --cheers-component-button-radius: 999px;

  --site-bar-background: var(--navy);
  --site-header-background: #ffffff;
  --site-nav-hover: var(--cheers-component-accent);
  --site-header-text: var(--navy);
  --site-header-action: var(--gold);
  --site-header-action-text: var(--navy);
  --site-hero-action: var(--gold);
  --site-hero-action-text: var(--navy);
  --site-hero-accent: var(--gold);
  --site-hero-secondary: var(--navy);
  --site-hero-secondary-text: #ffffff;
  --site-button-bg: var(--gold);
  --site-button-text: var(--navy);
  --site-final-background: var(--navy);
  --site-footer-background: var(--navy);
  --site-photo-tint: var(--navy);

  --font-body: -apple-system, "system-ui", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: Georgia, "Times New Roman", serif;
  --display-weight: 700;
  --display-tracking: 0;
}