/* ============================================================
   STUDIO MAHFA — TYPE TOKENS

   ⚠️ FONT SUBSTITUTION FLAG:
   No brand font files were supplied. The logo mark ("SM") uses a
   thick, rounded, hand-inked bubble slab letterform. The closest
   available Google Fonts match used here is "ZCOOL KuaiLe" for
   display/heading use. Body copy uses "Lora", a clean, warm
   serif in the spirit of the vintage travel-poster reference art.
   Replace both the moment real brand font files are available.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&family=Lora:ital,wght@0,400;0,500;0,600;1,400&display=swap');

:root {
  /* ---- Font families ---- */
  --font-display: 'ZCOOL KuaiLe', ui-rounded, 'Arial Rounded MT Bold', sans-serif;
  --font-body:    'Lora', Georgia, 'Times New Roman', serif;

  /* ---- Display / heading sizes (chunky font, tight leading) ---- */
  --size-display-1: clamp(2.75rem, 2rem + 3vw, 5.5rem);
  --size-display-2: clamp(2.25rem, 1.8rem + 2vw, 4rem);
  --size-h1: clamp(2rem, 1.6rem + 1.5vw, 3.25rem);
  --size-h2: clamp(1.5rem, 1.3rem + 1vw, 2.25rem);
  --size-h3: 1.375rem;

  --leading-display-1: 1.02;
  --leading-display-2: 1.05;
  --leading-h1: 1.08;
  --leading-h2: 1.15;
  --leading-h3: 1.25;

  /* ---- Body (clean serif) sizes ---- */
  --size-body-lg: 1.25rem;
  --size-body: 1.0625rem;
  --size-body-sm: 0.9375rem;
  --size-caption: 0.8125rem;
  --size-eyebrow: 0.8125rem;

  --leading-body-lg: 1.6;
  --leading-body: 1.65;
  --leading-body-sm: 1.55;
  --leading-caption: 1.4;
  --leading-eyebrow: 1.2;

  --weight-body: 400;
  --weight-body-medium: 500;
  --weight-eyebrow: 600;
  --weight-display: 400;

  /* ---- Letter spacing ---- */
  --tracking-display: 0.01em;
  --tracking-eyebrow: 0.14em;
  --tracking-body: 0;
}