/* ===========================================================================
   Airlumn — Typography
   Display  : Rabsur  (rounded geometric, brand voice)        — hero headlines
   Impact   : AWESOME (heavy condensed grotesque)             — big statements
   Script   : Labora  (decorative, sparing)                   — accent flourishes
   Text/UI  : Manrope (substitute — no UI face was supplied)  — body + controls
   =========================================================================== */

:root {
  /* --- Families ----------------------------------------------------------- */
  --font-display: "Rabsur", "Manrope", system-ui, sans-serif;
  --font-impact:  "AWESOME", "Arial Narrow", system-ui, sans-serif;
  --font-script:  "Labora", "Rabsur", cursive;
  --font-sans:    "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Semantic role aliases */
  --font-heading: var(--font-display);
  --font-body:    var(--font-sans);
  --font-ui:      var(--font-sans);
  --font-eyebrow: var(--font-sans);

  /* --- Type scale (rem, 16px base) ---------------------------------------- */
  --text-2xs:  0.6875rem;  /* 11 — micro labels (use sparingly)             */
  --text-xs:   0.75rem;    /* 12                                            */
  --text-sm:   0.875rem;   /* 14                                            */
  --text-base: 1rem;       /* 16 — body default                            */
  --text-md:   1.125rem;   /* 18 — lead body                               */
  --text-lg:   1.375rem;   /* 22                                           */
  --text-xl:   1.75rem;    /* 28                                           */
  --text-2xl:  2.25rem;    /* 36                                           */
  --text-3xl:  3rem;       /* 48                                           */
  --text-4xl:  4rem;       /* 64                                           */
  --text-5xl:  5.5rem;     /* 88 — hero display                            */
  --text-6xl:  7.5rem;     /* 120 — oversized impact                       */

  /* --- Weights (Manrope axis) --------------------------------------------- */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-extra:    800;

  /* --- Line heights ------------------------------------------------------- */
  --leading-none:    1;
  --leading-tight:   1.08;
  --leading-snug:    1.22;
  --leading-normal:  1.5;
  --leading-relaxed: 1.66;

  /* --- Letter spacing ----------------------------------------------------- */
  --tracking-tight:  -0.02em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-wider:  0.12em;   /* all-caps eyebrows / "LIVE EXPERIENCES"     */
}

/* ---------------------------------------------------------------------------
   Optional helper classes (consumers may use the tokens directly instead)
   --------------------------------------------------------------------------- */

.ax-display {
  font-family: var(--font-display);
  font-weight: 400;
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
}

.ax-impact {
  font-family: var(--font-impact);
  font-weight: 700;
  line-height: var(--leading-none);
  text-transform: uppercase;
  letter-spacing: 0.01em;
}

.ax-eyebrow {
  font-family: var(--font-eyebrow);
  font-weight: var(--weight-bold);
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wider);
}

.ax-script {
  font-family: var(--font-script);
  font-style: italic;
  font-weight: 400;
}

.ax-body {
  font-family: var(--font-body);
  font-weight: var(--weight-regular);
  font-size: var(--text-base);
  line-height: var(--leading-relaxed);
}