/* Il Casale — type
   Bodoni Moda   : display & headings. The poster face: hairline serifs, caps tracked wide.
   EB Garamond   : body & menu descriptions. Italic carries dish names.
   Barlow Condensed : micro-type only — nav, buttons, prices, labels. Kept from casalecucina.com.
   Italianno     : the calligraphic "Il" of the mark, and nothing else. */
@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;0,6..96,600;1,6..96,400;1,6..96,500&family=EB+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Barlow+Condensed:wght@400;500;600&family=Italianno&display=swap");

:root {
  --font-display: "Bodoni Moda", "Didot", "Bodoni 72", "Times New Roman", serif;
  --font-body: "EB Garamond", "Garamond", "Georgia", serif;
  --font-ui: "Barlow Condensed", "Arial Narrow", "Helvetica Neue", sans-serif;
  --font-script: "Italianno", "Snell Roundhand", cursive;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;

  /* Display — always uppercase, always tracked. Line-height is tight because the poster stacks caps. */
  --size-display-1: 88px; --lh-display-1: 1.0;  --ls-display-1: 0.14em;
  --size-display-2: 64px; --lh-display-2: 1.04; --ls-display-2: 0.14em;
  --size-display-3: 44px; --lh-display-3: 1.08; --ls-display-3: 0.12em;

  /* Headings — mixed case, no tracking, the same face at reading sizes. */
  --size-h1: 36px; --lh-h1: 1.15; --ls-h1: 0.01em;
  --size-h2: 28px; --lh-h2: 1.2;  --ls-h2: 0.01em;
  --size-h3: 22px; --lh-h3: 1.3;  --ls-h3: 0.01em;

  /* Body — Garamond needs size; 18px is the floor for running text. */
  --size-body-lg: 21px; --lh-body-lg: 1.55;
  --size-body: 18px;    --lh-body: 1.6;
  --size-body-sm: 16px; --lh-body-sm: 1.55;
  --size-caption: 14px; --lh-caption: 1.45;

  /* Menu roles */
  --size-dish: 24px;  --lh-dish: 1.2;     /* Bodoni italic */
  --size-price: 17px;                      /* Barlow Condensed, tabular */

  /* Micro-type — Barlow Condensed, uppercase */
  --size-eyebrow: 14px; --ls-eyebrow: 0.24em;
  --size-nav: 15px;     --ls-nav: 0.2em;
  --size-button: 15px;  --ls-button: 0.22em;
  --size-label: 13px;   --ls-label: 0.18em;

  --size-script: 72px;

  --measure-narrow: 40ch;
  --measure-body: 60ch;
  --measure-wide: 72ch;
}