/* ============================================================
   AGDER RENTAL — TYPOGRAPHY TOKENS
   Brand face: Proxima Nova (per Profilmanual). Fallback: Arial.
   NOTE: Proxima Nova is a licensed font and was NOT supplied.
   Substituted with Mulish (Google Fonts) — a geometric-humanist
   sans with comparable proportions — until the licensed
   Proxima Nova web files are provided. See @font-face below.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600&display=swap');

:root {
  /* Families — swap the substitute out here once real files land.
     Real Proxima Nova weights: Light 300 / Regular 400 / Medium 500
     / Bold 700 / Black 900 (+ italics). */
  --font-sans: 'Proxima Nova', 'Mulish', Arial, system-ui, -apple-system, sans-serif;
  --font-display: var(--font-sans);
  --font-body: var(--font-sans);

  /* Weights */
  --fw-light:   300; /* @kind font */
  --fw-regular: 400; /* @kind font */
  --fw-medium:  500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:    700; /* @kind font */
  --fw-black:   800; /* @kind font */

  /* Type scale (1.250 major-third, base 16px) */
  --fs-2xs: 0.6875rem; /* 11 */
  --fs-xs:  0.75rem;   /* 12 */
  --fs-sm:  0.875rem;  /* 14 */
  --fs-base:1rem;      /* 16 */
  --fs-md:  1.125rem;  /* 18 */
  --fs-lg:  1.375rem;  /* 22 */
  --fs-xl:  1.75rem;   /* 28 */
  --fs-2xl: 2.25rem;   /* 36 */
  --fs-3xl: 2.875rem;  /* 46 */
  --fs-4xl: 3.75rem;   /* 60 */

  /* Line heights */
  --lh-tight:   1.08; /* @kind other */
  --lh-snug:    1.25; /* @kind other */
  --lh-normal:  1.5; /* @kind other */
  --lh-relaxed: 1.65; /* @kind other */

  /* Letter spacing */
  --ls-tight:  -0.02em; /* @kind other */
  --ls-snug:   -0.01em; /* @kind other */
  --ls-normal: 0; /* @kind other */
  --ls-wide:   0.04em; /* @kind other */
  --ls-caps:   0.08em;  /* @kind other */

  /* Semantic roles */
  --text-display:    var(--fw-bold)    var(--fs-4xl)/var(--lh-tight)  var(--font-display);
  --text-h1:         var(--fw-bold)    var(--fs-3xl)/var(--lh-tight)  var(--font-display);
  --text-h2:         var(--fw-bold)    var(--fs-2xl)/var(--lh-snug)   var(--font-display);
  --text-h3:         var(--fw-semibold)var(--fs-xl)/var(--lh-snug)    var(--font-display);
  --text-title:      var(--fw-semibold)var(--fs-lg)/var(--lh-snug)    var(--font-sans);
  --text-body-lg:    var(--fw-regular) var(--fs-md)/var(--lh-relaxed) var(--font-body);
  --text-body-base:  var(--fw-regular) var(--fs-base)/var(--lh-normal)var(--font-body);
  --text-body-sm:    var(--fw-regular) var(--fs-sm)/var(--lh-normal)  var(--font-body);
  --text-caption:    var(--fw-medium)  var(--fs-xs)/var(--lh-normal)  var(--font-body);
}

/* The brand's hallmark: tracked-out uppercase labels (nav, eyebrows, buttons). */
.agder-eyebrow {
  font: var(--fw-bold) var(--fs-xs)/1.2 var(--font-sans);
  text-transform: uppercase;
  letter-spacing: var(--ls-caps);
  color: var(--agder-blue);
}