/* Bar Franco — the one token layer. Linked first on every page; every stylesheet, <style> block and inline
   style reads its colours and its common type sizes from here. Change a value here and the whole site follows.
   Flat print logic: no gradients, no shadows, no radii. There is no dark mode. */
:root{
  /* ---- colour: the five brand inks and grounds ---- */
  --deep-red:#6C0600;            /* body / ink text */
  --spritz:#AF0F00;              /* display headings, links, accents */
  --almond:#FAD7C3;              /* panels, CTA button fill */
  --paper:#FCFBF7;               /* page background */
  --hairline:rgba(108,6,0,.15);  /* dotted rules, borders */
  /* the one screen-only accent: focus rings (and the Events Pack's three food prices) */
  --bright-red:#F00000;
  /* tints are opacities of the inks above, e.g. color-mix(in srgb, var(--deep-red) 25%, transparent) */

  /* ---- type scale: each step is a size the site already uses, so moving onto it changes nothing ----
     Affairs (body)                                     */
  --fs-caption:14px;                       /* fine print, menu notes */
  --fs-small:15px;                         /* small italic lines */
  --fs-meta:16px;                          /* eyebrows, running heads */
  --fs-body:17px;                          /* body copy */
  --fs-lead:clamp(17px,1.4vw,20px);        /* lead paragraphs */
  --fs-line:clamp(18px,1.6vw,22px);        /* menu lines and calls to action */
  --fs-large:clamp(20px,2.4vw,26px);       /* index entries, large italic */
  /* VTC Marsha (display, always uppercase) */
  --fs-label:24px;                         /* section heads: ANTIPASTI, IN THIS ISSUE */
  --fs-display-sm:clamp(32px,4vw,56px);    /* FAQ and band heads */
  --fs-display-md:clamp(36px,6vw,84px);    /* section headlines */
  --fs-display-lg:clamp(40px,7vw,96px);    /* page headlines, closing lines */

  /* ---- spacing ramp: 4px base ---- */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;
  --space-10:128px;
  --page-margin:clamp(20px,4vw,64px);
}