/* AURA Zuid — Typography tokens
   One family, three weights. Light (300) is the workhorse for headings — the brand book's
   "Medium" is used sparingly, reserved for the nav wordmark and tiny uppercase labels;
   in practice the reference build renders h1/h2/h3 at weight 300 for a quieter, more
   editorial feel, with Medium (500) only on micro-labels. Body copy is weight 300 too. */

:root {
  --font-family: 'Montserrat', sans-serif;

  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;

  /* Display / headline scale — fluid, clamps between mobile and desktop */
  --text-hero: clamp(42px, 7vw, 80px);        /* hero h1 */
  --text-display: clamp(26px, 3.2vw, 38px);   /* section h2 (story, tiers intro, highlights, invest, contact) */
  --text-tier-num: clamp(56px, 9vw, 110px);   /* apartment tier index numeral */
  --text-tier-name: clamp(24px, 3vw, 34px);   /* apartment tier name (Lumen, Meridian…) */
  --text-stat: clamp(34px, 4vw, 52px);        /* stats-bar counted number */

  /* Body / label scale — fixed px, small and restrained */
  --text-body-lg: 16.5px;    /* hero subhead */
  --text-body: 15px;         /* story / section body copy */
  --text-body-sm: 14.5px;    /* tier description, contact body */
  --text-caption: 13.5px;    /* form inputs, vat-box body */
  --text-caption-sm: 12.5px; /* highlight card body, developer line */
  --text-micro: 11.5px;      /* eyebrow / nav links / buttons */
  --text-micro-sm: 11px;     /* stat label, tier price, tier sub */
  --text-nano: 10.5px;       /* lang toggle, vat badge */

  /* Letter-spacing — wide tracking on every uppercase label, none on running text */
  --tracking-eyebrow: 0.24em;   /* section eyebrows */
  --tracking-hero-eyebrow: 0.3em; /* hero eyebrow only, widest in the system */
  --tracking-label: 0.12em;    /* buttons, stat labels */
  --tracking-nav: 0.1em;       /* nav links, lang toggle */
  --tracking-wordmark: 0.22em; /* logo wordmark */
  --tracking-tight: 0.01em;    /* headings baseline */

  /* Line height */
  --leading-heading: 1.08;
  --leading-body: 1.85;
  --leading-tight: 1;
}