/* HEOP97 theme for the QDS retail (--qr-*) and experience (--qx-*) libraries.
   Palette is the 12-colour Brand DNA v2.1 set (digital targets, not textile specs).
   Type: Anton (editorial headlines), Roboto Slab Black (collegiate numerals and wordmark), Archivo (UI and body). */
@font-face { font-family: "Anton"; src: url("../fonts/Anton-Regular.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Roboto Slab"; src: url("../fonts/RobotoSlab-Variable.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("../fonts/archivo-latin-variable.woff2") format("woff2"); font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; }
:root {
  --h-navy: #081b35; --h-royal: #0754c9; --h-black: #101010; --h-white: #f2efe6;
  --h-red: #b62232; --h-gold: #d6a329; --h-green: #214c3b; --h-steel: #8e969e;
  --h-orange: #c65b2d; --h-plum: #593b69; --h-denim: #6584a3; --h-cream: #dccdb4;
  --h-paper: #faf8f2; --h-line: rgba(8,27,53,.16); --h-muted: #4a5568;
  --h-display: "Anton", Impact, "Arial Narrow", sans-serif;
  --h-slab: "Roboto Slab", Rockwell, Georgia, serif;
  --h-body: "Archivo", "Helvetica Neue", Arial, sans-serif;

  --qr-bg: var(--h-white); --qr-surface: var(--h-paper); --qr-ink: var(--h-navy); --qr-ink-muted: var(--h-muted);
  --qr-rule: var(--h-line); --qr-accent: var(--h-royal); --qr-accent-ink: #fff; --qr-link: var(--h-royal); --qr-focus: var(--h-royal);
  --qr-font-display: var(--h-display); --qr-font-body: var(--h-body); --qr-radius-card: 0; --qr-radius-control: 0;
  --qx-radius: 0px; --qx-max: 1480px;
  --qx-marquee-bg: var(--h-navy); --qx-marquee-ink: var(--h-white);
  --qx-strip-bg: var(--h-gold); --qx-strip-ink: var(--h-navy);
  --qx-mega-bg: var(--h-navy); --qx-mega-ink: var(--h-white);
}
