/* ==========================================================================
   Typography — Dian Pravita MUA
   Display: Cormorant Garamond (elegant serif). Body/UI: Jost (soft geometric).
   ========================================================================== */

:root {
  --font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --font-body: 'Jost', 'Segoe UI', sans-serif;

  /* 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 */

  /* Type scale (fluid where useful) */
  --text-display: clamp(3rem, 6vw, 5.25rem);   /* hero serif */
  --text-h1: clamp(2.25rem, 4vw, 3.5rem);
  --text-h2: clamp(1.75rem, 3vw, 2.5rem);
  --text-h3: 1.5rem;
  --text-h4: 1.25rem;
  --text-lg: 1.125rem;
  --text-base: 1rem;
  --text-sm: 0.875rem;
  --text-xs: 0.75rem;

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

  /* Letter spacing — eyebrows/labels use wide tracking */
  --ls-tight: -0.01em; /* @kind font */
  --ls-normal: 0;      /* @kind font */
  --ls-wide: 0.08em;   /* @kind font */
  --ls-wider: 0.22em;  /* @kind font */
}