/* ==================================================================
   BRAND TOKENS  —  THE SWAP FILE
   ------------------------------------------------------------------
   To re-skin for a client, change ONLY the values below and the
   @font-face filenames. Never rename a variable. Every page and
   pattern references these by role, so one edit re-skins the whole
   site. Current values = HandsOff Marketing.
   ================================================================== */

:root {
  /* --- Colour, by ROLE (not by literal name) --- */
  --color-primary: #1D3545;   /* HOM Ink Blue   — headings, brand, primary text */
  --color-accent:  #B85A35;   /* HOM Terracotta — links, CTAs, emphasis */
  --color-bg:      #F7F5F1;   /* HOM Linen      — page background */
  --color-muted:   #7A8E96;   /* HOM Blue Mist  — secondary text, captions */
  --color-rule:    #D6CFC6;   /* HOM Rule       — dividers, borders */
  --color-surface: #FFFFFF;   /* cards / panels on top of the background */
  --color-text:    #1D3545;   /* default body text — defaults to primary */

  /* --- 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;   /* 17px */
  --text-lg:   1.375rem;
  --text-xl:   2rem;
  --text-2xl:  3rem;

  /* --- Spacing scale --- */
  --space-sm: 0.75rem;
  --space-md: 1.5rem;
  --space-lg: 3rem;
  --space-xl: 6rem;

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

/* ------------------------------------------------------------------
   FONTS  —  self-hosted (GDPR-safe; no Google hotlinking).
   Drop the .woff2 files into /fonts/ and match the filenames below.
   For HOM: Cormorant Garamond (display) + DM Sans (body).
   Grab woff2 from google-webfonts-helper, then replace these files.
   If a file is missing, the fallback stack above still renders.
   ------------------------------------------------------------------ */

@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: '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-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}