/* ============================================================
   ArtHAUS — Typography tokens
   Display: Cormorant Garamond (light italic) — editorial, elegant.
   UI/Text: Jost — quiet, light, widely tracked (a Futura/Bauhaus
   nod fitting for "HAUS").
   ============================================================ */

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

:root {
  /* ---- Families ------------------------------------------- */
  --font-display: 'Cormorant Garamond', 'Cormorant', Georgia, 'Times New Roman', serif; /* @kind font */
  --font-ui: 'Jost', 'Futura', 'Century Gothic', system-ui, -apple-system, sans-serif;   /* @kind font */
  --font-mono: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;                /* @kind font */

  /* ---- Weights -------------------------------------------- */
  --w-display: 300; /* @kind font */
  --w-ui-light: 300; /* @kind font */
  --w-ui: 400; /* @kind font */
  --w-ui-med: 500; /* @kind font */

  /* ---- Display type scale (Cormorant, italic) -------------
     Fluid where it counts; editorial sizes. */
  --fs-display-xl: clamp(3.5rem, 7vw, 6.5rem); /* @kind font */
  --fs-display-l:  clamp(2.75rem, 5vw, 4.5rem); /* @kind font */
  --fs-display-m:  clamp(2.25rem, 3.6vw, 3.25rem); /* @kind font */
  --fs-display-s:  clamp(1.75rem, 2.4vw, 2.25rem); /* @kind font */

  /* ---- UI / text scale (Jost) ----------------------------- */
  --fs-title:   1.5rem; /* @kind font */
  --fs-lg:      1.25rem; /* @kind font */
  --fs-body:    1.0625rem; /* @kind font */
  --fs-ui:      0.9375rem; /* @kind font */
  --fs-sm:      0.8125rem; /* @kind font */
  --fs-eyebrow: 0.75rem; /* @kind font */

  /* ---- Line heights --------------------------------------- */
  --lh-display: 1.04; /* @kind font */
  --lh-tight:   1.2; /* @kind font */
  --lh-snug:    1.45; /* @kind font */
  --lh-body:    1.62; /* @kind font */

  /* ---- Letter-spacing — wide & quiet for UI --------------- */
  --ls-display: 0.005em; /* @kind font */
  --ls-tight:   -0.01em; /* @kind font */
  --ls-ui:      0.04em; /* @kind font */
  --ls-wide:    0.14em; /* @kind font */
  --ls-widest:  0.28em; /* @kind font */
}