/* ============================================================
   HudCo — Typography Tokens
   Montserrat = brand display (echoes the wordmark)
   Hanken Grotesk = body / UI (friendly, legible, down-to-earth)
   JetBrains Mono = prices, quotes, order IDs (transparency motif)
   ============================================================ */

:root {
  /* Families */
  --font-display: "Montserrat", "Hanken Grotesk", system-ui, sans-serif;
  --font-sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

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

  /* Fluid display sizes (marketing) */
  --text-display-2xl: clamp(2.75rem, 1.6rem + 5vw, 5rem); /* @kind other */
  --text-display-xl:  clamp(2.25rem, 1.5rem + 3.2vw, 3.75rem); /* @kind other */
  --text-display-lg:  clamp(1.875rem, 1.4rem + 2vw, 2.75rem); /* @kind other */

  /* Static type scale (UI) */
  --text-4xl: 2.5rem;    /* 40 */
  --text-3xl: 2rem;      /* 32 */
  --text-2xl: 1.625rem;  /* 26 */
  --text-xl:  1.375rem;  /* 22 */
  --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.1;
  --leading-snug: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  /* Letter spacing */
  --tracking-tighter: -0.02em;
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.02em;
  --tracking-wider: 0.08em;     /* eyebrows / "construction" subtitle vibe */
  --tracking-widest: 0.18em;    /* logo subtitle lockup */

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