/* ============================================================
   Afula Underground — Typography tokens
   One family does everything: Google Sans.
   Weights in use: 400 (regular), 500 (medium), 700 (bold).
   The type scale is transcribed verbatim from the Figma file —
   note the odd 46.44 / 75.24 display sizes; do not round them.
   ============================================================ */

:root {
  /* ---- Family ---- */
  --font-sans: "Google Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: var(--font-sans);

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-bold:    700;

  /* ---- Type scale (px, from the file) ---- */
  --size-display:   75.24px;  /* hero word-mark / "[graphic]" */
  --size-h1:        46.44px;  /* section headings, footer word-mark */
  --size-cta-xl:    40px;     /* big newsletter CTA */
  --size-subhead:   30px;     /* lead / sub-headline */
  --size-button:    25px;     /* primary button label */
  --size-nav:       20px;     /* footer nav, medium */
  --size-body:      18px;     /* body copy, product names, prices */
  --size-micro:     14px;     /* top-nav links, cart count */

  /* ---- Line heights (the file sets everything to 100%) ---- */
  --leading-tight:  1;
  --leading-body:   1.35;     /* our addition for multi-line paragraphs */

  /* ---- Letterspacing ---- */
  --tracking-flat:  0;
}