/* ÓPERA ARTE — Typography tokens
   Base typeface Futura PT (substituted by Jost): Medium for titles,
   Book/Light for body, Demi/Heavy for emphasis. Honeyloops (Caveat)
   for handwritten signature touches. Geometric, generous tracking on
   uppercase labels echoing the "ÓPERA ARTE" wordmark. */

:root {
  /* ---- Families ---- */
  --font-display: 'Futura PT', 'Jost', 'Century Gothic', sans-serif;
  --font-body:    'Futura PT', 'Jost', 'Century Gothic', sans-serif;
  --font-deco:    'Peachy', 'Poiret One', 'Jost', sans-serif; /* decorative section headers (menu) */
  --font-script:  'Honeyloops', 'Caveat', 'Segoe Script', cursive;

  /* ---- Weights (mapped to Futura PT naming) ---- */
  --weight-light:   300; /* Futura Light  */
  --weight-book:    400; /* Futura Book   */
  --weight-medium:  500; /* Futura Medium — titles */
  --weight-demi:    600; /* Futura Demi   — emphasis */
  --weight-heavy:   700; /* Futura Heavy  — strong display */

  /* ---- Type scale (rem, 1rem = 16px) ---- */
  --text-3xs:  0.6875rem; /* 11px — micro labels */
  --text-2xs:  0.75rem;   /* 12px */
  --text-xs:   0.8125rem; /* 13px */
  --text-sm:   0.9375rem; /* 15px */
  --text-base: 1rem;      /* 16px — body */
  --text-md:   1.125rem;  /* 18px */
  --text-lg:   1.375rem;  /* 22px */
  --text-xl:   1.75rem;   /* 28px */
  --text-2xl:  2.25rem;   /* 36px */
  --text-3xl:  3rem;      /* 48px */
  --text-4xl:  4rem;      /* 64px */
  --text-5xl:  5.5rem;    /* 88px — hero display */

  /* ---- Line heights ---- */
  --leading-tight:  1.08;
  --leading-snug:   1.22;
  --leading-normal: 1.5;
  --leading-relaxed:1.7;

  /* ---- Letter spacing ---- */
  --tracking-tight:  -0.01em;
  --tracking-normal: 0;
  --tracking-wide:   0.08em;  /* uppercase labels */
  --tracking-wider:  0.18em;  /* spaced wordmark style */
  --tracking-widest: 0.32em;  /* fine eyebrow caps */

  /* ---- Composed roles ---- */
  --display-font: var(--weight-medium) var(--text-5xl)/var(--leading-tight) var(--font-display);
  --eyebrow-tracking: var(--tracking-widest);
}
