/* ============================================================
   Mera Sunaar — Typography tokens
   Display: Marcellus (elegant roman, jewellery-premium feel)
   UI / body: Inter (brand functional face)
   ============================================================ */
:root {
  --font-display: "Marcellus", "Cormorant Garamond", Georgia, serif;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;

  /* Type scale (rem, 16px base) */
  --text-2xs: 0.75rem;   /* 12 */
  --text-xs:  0.82rem;   /* 13 */
  --text-sm:  0.9rem;    /* 14.4 */
  --text-md:  1rem;      /* 16 */
  --text-lg:  1.08rem;   /* 17.3 */
  --text-xl:  1.28rem;   /* 20.5 */
  --text-2xl: 1.6rem;    /* 25.6 */
  --text-3xl: 2rem;      /* 32 */
  --text-4xl: 2.6rem;    /* 41.6 */
  --text-5xl: 3.4rem;    /* 54.4 */
  --text-6xl: 4.8rem;    /* 76.8 — hero display */

  /* Fluid display sizes */
  --display-hero:    clamp(2.6rem, 5.2vw, 4.8rem); /* @kind font */
  --display-section: clamp(2rem, 3vw, 3.2rem); /* @kind font */
  --display-sub:     clamp(1.5rem, 2.2vw, 2.2rem); /* @kind font */

  /* Weights */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */
  --fw-extra: 800; /* @kind font */

  /* Line heights */
  --lh-tight: 1.04; /* @kind font */
  --lh-snug: 1.14; /* @kind font */
  --lh-body: 1.6; /* @kind font */

  /* Tracking */
  --track-display: -0.03em; /* @kind font */
  --track-tight: -0.02em; /* @kind font */
  --track-normal: 0; /* @kind font */
  --track-wide: 0.06em;   /* @kind font */
  --track-wider: 0.14em; /* @kind font */
}