/* ===========================================================================
   NOVA Desarrollos — Typography tokens
   ---------------------------------------------------------------------------
   Garet          → display & headings. Wide-tracked, geometric, editorial —
                    the voice of the WOW wordmark. Heavy (800) for impact,
                    Book (400) for refined, airy aspirational lines.
   Red Hat Display → body, UI, captions. Variable 300–900, highly legible.
   =========================================================================== */

:root {
  /* --- Families ------------------------------------------------------- */
  --font-display: "Garet", "Montserrat", "Gotham", system-ui, sans-serif;
  --font-body:    "Red Hat Display", "Lato", system-ui, -apple-system, sans-serif;
  --font-mono:    ui-monospace, "SF Mono", Menlo, monospace;

  /* --- Weights -------------------------------------------------------- */
  --weight-book:     400;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-heavy:    800;

  /* --- Fluid display sizes (clamped) ---------------------------------- */
  --text-display-2xl: clamp(3.5rem, 7vw, 6rem);     /* 56 → 96  hero       */
  --text-display-xl:  clamp(2.75rem, 5vw, 4.25rem); /* 44 → 68             */
  --text-display-lg:  clamp(2.25rem, 4vw, 3.25rem); /* 36 → 52             */

  /* --- Static type scale (px-stable) ---------------------------------- */
  --text-5xl: 3rem;      /* 48 */
  --text-4xl: 2.25rem;   /* 36 */
  --text-3xl: 1.75rem;   /* 28 */
  --text-2xl: 1.5rem;    /* 24 */
  --text-xl:  1.25rem;   /* 20 */
  --text-lg:  1.125rem;  /* 18 */
  --text-md:  1rem;      /* 16 — base */
  --text-sm:  0.875rem;  /* 14 */
  --text-xs:  0.75rem;   /* 12 */

  /* --- Line heights --------------------------------------------------- */
  --leading-tight:   1.05;  /* display                                    */
  --leading-snug:    1.2;   /* headings                                   */
  --leading-normal:  1.5;   /* body                                       */
  --leading-relaxed: 1.7;   /* long-form                                  */

  /* --- Letter spacing ------------------------------------------------- */
  --tracking-tighter: -0.02em; /* big Garet Heavy display                 */
  --tracking-tight:   -0.01em;
  --tracking-normal:  0em;
  --tracking-wide:    0.08em;  /* eyebrows / small caps                   */
  --tracking-wider:   0.18em;  /* the WOW wordmark voice — wide & airy     */
  --tracking-widest:  0.32em;  /* product mark spacing                     */

  /* --- Semantic roles ------------------------------------------------- */
  --font-heading: var(--font-display);
  --font-eyebrow: var(--font-body);
}