/* =====================================================================
   Laurel Law LLC · the chosen direction (magazine editorial), blended with
   the firm's own identity: the laurel crest, the cream card, the sage board.
   System
     Type   IM Fell French Canon (display; the card's old-face serif, old-style figures)
            IM Fell English SC (spaced small-cap labels, as on the card)
            Great Vibes (the script tagline, "Serving the Sunset Coast")
            Public Sans (body, 18px)
     Colour cream #F5F4EF (the card) · sage #C5D6A0 (the brand board; surfaces only)
            ink #1A1A18 · ink-soft #4E524A · laurel #415021 (the one accent)
            line #B9C69B (soft rules) · ink rules on the masthead and navbar
     Grid   12 col, 32px gutter, max 1280. Masthead centred as a group; everything else left-flush.
   tokens.css: the only file with hex codes, font names, and the scale. Everything else uses var(--…).
   ===================================================================== */

:root {
  --cream: #F5F4EF;
  --cream-2: #EDECE4;
  --sage: #C5D6A0;
  --sage-2: #D8E4BD;
  --line: #B9C69B;
  --ink: #1A1A18;
  --ink-soft: #4E524A;
  --laurel: #415021;
  --laurel-deep: #2F3A18;

  --display: "IM Fell French Canon", "Hoefler Text", "Baskerville", serif;
  --caps: "IM Fell English SC", "Hoefler Text", serif;
  --script: "Great Vibes", "Snell Roundhand", cursive;
  --body: "Public Sans", "Helvetica Neue", Arial, sans-serif;

  --fs-body: 1.125rem;
  --fs-small: 1rem;
  --fs-lead: 1.3125rem;
  --fs-h3: 1.75rem;
  --fs-h2: clamp(2.25rem, 1.5rem + 2.4vw, 3.6rem);
  --fs-h1: clamp(2.9rem, 1.5rem + 5.2vw, 6.25rem);
  --fs-plate: clamp(2.6rem, 1.8rem + 3vw, 4rem);

  --gutter: 2rem;
  --edge: clamp(1.25rem, 4vw, 4rem);
  --max: 80rem;
  --band: clamp(4rem, 8vw, 7rem);
  --ease: cubic-bezier(.2, .7, .2, 1);
}

@font-face { font-family: "IM Fell French Canon"; src: url("../fonts/imfell-french-canon-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "IM Fell French Canon"; src: url("../fonts/imfell-french-canon-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "IM Fell English SC"; src: url("../fonts/imfell-english-sc-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Great Vibes"; src: url("../fonts/great-vibes-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Public Sans"; src: url("../fonts/public-sans-normal.woff2") format("woff2"); font-weight: 300 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Public Sans"; src: url("../fonts/public-sans-italic.woff2") format("woff2"); font-weight: 300 800; font-style: italic; font-display: swap; }