/* Scout Goods — brand customization layer.
   Change these values to rebrand the whole template. Nothing else needs editing.
   Loaded before the inline <style> on every page. */
:root{
  /* ---- Core palette ---- */
  --cobalt:#1B3FE0;           /* primary brand color: bands, buttons, badges */
  --cobalt-deep:#152FA8;      /* AA-safe cobalt for small text on cream/white */
  --tangerine:#FF6A2B;        /* accent: CTAs, flags, focus ring, band B */
  --tangerine-deep:#B23905;   /* AA-safe tangerine for small text on cream + cream-2 */
  --cream:#FBF3E6;            /* page background */
  --cream-2:#F4E9D6;          /* alternate surface: subscription band, image wells */
  --ink:#101014;              /* text, 3px outlines, dark bands */
  --ink-60:#4A4A55;           /* secondary text */

  /* ---- Typefaces ---- */
  --font-display:'Archivo',system-ui,sans-serif;   /* headings, buttons, prices */
  --font-body:'Inter',system-ui,sans-serif;        /* body copy, forms */

  /* ---- Layout ---- */
  --gut:60px;                 /* page gutter (steps down at 1024/640/360) */
  --maxw:1240px;              /* content axis width */

  /* ---- Type scale ---- */
  --f-eyebrow:.72rem;
  --f-cap:.8rem;
  --f-sm:.9rem;
  --f-body:1.0rem;
  --f-lead:1.15rem;
  --f-h4:1.25rem;
  --f-h3:1.6rem;
  --f-h2:2.6rem;
  --f-h1:4.4rem;
  --f-mega:6rem;

  /* ---- Shape ---- */
  --r:14px;                   /* base corner radius */
}