/* ============================================================
   LiddellWorks — Design Tokens
   Locked defaults: Fog palette + Bricolage type + Green/soft accent.
   ============================================================ */

/* ------------------------------------------------------------
   Web fonts
   ------------------------------------------------------------
   Only the four families the locked Bricolage pair uses:
     - Bricolage Grotesque  (display)
     - Inter Tight          (body sans)
     - Newsreader           (italic serif for tagline & lede)
     - IBM Plex Mono        (mono for kickers/meta/labels)
   Loaded via a single Google Fonts request so the browser can
   parallelise them. `display=swap` lets the page render in a
   fallback while the webfonts are still downloading.
*/
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700&family=Inter+Tight:wght@300;400;500;600;700&family=Newsreader:opsz,ital,wght@6..72,0,400;6..72,0,500;6..72,1,400;6..72,1,500&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  /* ---------------------------------------------------------
     Colour — Fog palette (cool blue-grey, light)
     --------------------------------------------------------- */
  --paper:         #EFF1F4;                  /* primary background          */
  --paper-2:       #E3E7EC;                  /* second-band background      */
  --bone:          #D6DCE3;                  /* third-band background       */
  --ink:           #10141A;                  /* primary text                */
  --ink-soft:      rgba(16, 20, 26, 0.65);   /* secondary text              */
  --ink-faint:     rgba(16, 20, 26, 0.35);   /* tertiary / faint UI text    */
  --rule:          rgba(16, 20, 26, 0.14);   /* hairline rules and borders  */

  /* ---------------------------------------------------------
     Accent — Royal Marines green, "soft" intensity
     --------------------------------------------------------- */
  --accent:        #3F6149;                  /* default accent (soft green) */
  --accent-strong: #1F3527;                  /* deep variant for hover/etc. */
  --accent-soft:   rgba(63, 97, 73, 0.10);   /* 10% alpha tint              */

  /* ---------------------------------------------------------
     Typography — Bricolage / Inter Tight pair
     --------------------------------------------------------- */
  --font-display:  'Bricolage Grotesque', system-ui, sans-serif;
  --font-sans:     'Inter Tight', system-ui, -apple-system, sans-serif;
  --font-serif-it: 'Newsreader', Georgia, serif;
  --font-mono:     'IBM Plex Mono', ui-monospace, monospace;

  /* ---------------------------------------------------------
     Spacing scale (responsive via clamp)
     --------------------------------------------------------- */
  --gutter:        clamp(20px, 4vw, 64px);
  --section-pad:   clamp(80px, 10vw, 160px);
}