/* ==================================================================
   BRAND TOKENS  —  THE SWAP FILE   (HandsOff Marketing)
   Updated to the real logo palette. Change ONLY values, never names.
   ================================================================== */

:root {
  /* --- Colour, by ROLE --- */
  --color-primary:      #00213B;   /* HOM Navy (logo)      — headings, brand, dark sections */
  --color-accent:       #644E00;   /* HOM Bronze-gold (logo "off") — links, CTAs, emphasis */
  --color-signal:       #DD2A1A;   /* HOM Signal Red (logo dot)    — sparing accents only */
  --color-accent-light: #C2A24A;   /* lighter gold         — accents on dark backgrounds */
  --color-bg:           #F7F5F1;   /* HOM Linen            — page background */
  --color-muted:        #7A8E96;   /* HOM Blue Mist        — secondary text, captions */
  --color-rule:         #D6CFC6;   /* dividers, borders */
  --color-surface:      #FFFFFF;   /* cards / panels */
  --color-text:         #22333D;   /* body text — soft navy for readability */

  /* --- Type, by ROLE --- */
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body:    'DM Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  --text-base: 1.0625rem;
  --text-lg:   1.375rem;
  --text-xl:   2rem;
  --text-2xl:  3rem;

  --space-sm: 0.75rem;
  --space-md: 1.5rem;
  --space-lg: 3rem;
  --space-xl: 6rem;

  --radius: 4px;
  --measure: 65ch;
}

/* ------------------------------------------------------------------
   FONTS — self-hosted (GDPR-safe). Drop these .woff2 into /fonts/.
   The homepage uses DM Sans 400/500/600/700 and Cormorant 700 italic,
   so ALL of these must be present — 600 in particular (buttons, labels).
   ------------------------------------------------------------------ */

/* Display — Cormorant Garamond */
@font-face { font-family:'Cormorant Garamond'; src:url('fonts/cormorant-garamond-700italic.woff2') format('woff2'); font-weight:700; font-style:italic; font-display:swap; }
@font-face { font-family:'Cormorant Garamond'; src:url('fonts/cormorant-garamond-600.woff2') format('woff2'); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:'Cormorant Garamond'; src:url('fonts/cormorant-garamond-v21-latin-regular.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }

/* Body / UI — DM Sans */
@font-face { font-family:'DM Sans'; src:url('fonts/dm-sans-400.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'DM Sans'; src:url('fonts/dm-sans-500.woff2') format('woff2'); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'DM Sans'; src:url('fonts/dm-sans-600.woff2') format('woff2'); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:'DM Sans'; src:url('fonts/dm-sans-700.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; }