/* ============================================================
   JewelsUp — Typography tokens
   Inter for UI + display (engineered for screens).
   Nunito Sans for running body copy (a touch of warmth).
   ============================================================ */

:root {
  /* Families */
  --font-display: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-ui:      "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    "Nunito Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    ui-monospace, "SF Mono", Menlo, Consolas, monospace;

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

  /* Type scale (px) — display uses Inter, body uses Nunito Sans */
  --text-display-xl: 56px;
  --text-display-lg: 44px;
  --text-display-md: 36px;
  --text-h1: 30px;
  --text-h2: 24px;
  --text-h3: 20px;
  --text-h4: 18px;
  --text-lg: 17px;
  --text-md: 15px;   /* base UI size */
  --text-sm: 13px;
  --text-xs: 12px;
  --text-2xs: 11px;

  /* Line heights */
  --lh-tight:   1.1;  /* @kind other */
  --lh-snug:    1.25; /* @kind other */
  --lh-normal:  1.5;  /* @kind other */
  --lh-relaxed: 1.65; /* @kind other */

  /* Letter spacing */
  --ls-tighter: -0.02em; /* @kind other */
  --ls-tight:   -0.01em; /* @kind other */
  --ls-normal:  0;        /* @kind other */
  --ls-wide:    0.02em;   /* @kind other */
  --ls-wider:   0.08em;   /* @kind other */
  --ls-widest:  0.18em;   /* @kind other */
}