/* ──────────────────────────────────────────────────────────────────────────
   Abelssoft — Typography tokens
   Single family: Poppins. Weights 400–800. UI-scale type ramp.
   ────────────────────────────────────────────────────────────────────────── */
:root {
  --font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

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

  /* Type scale (UI / web product) */
  --text-xs: 11px;     /* fine print, badges, eyebrows */
  --text-sm: 13px;     /* secondary copy, labels */
  --text-base: 15px;   /* body */
  --text-md: 17px;     /* lead / emphasized price */
  --text-lg: 20px;     /* card titles */
  --text-xl: 24px;     /* section headings */
  --text-2xl: 30px;    /* page headings */
  --text-3xl: 38px;    /* hero */
  --text-4xl: 48px;    /* large hero */

  /* Line heights */
  --leading-tight: 1.15;
  --leading-snug: 1.35;
  --leading-normal: 1.55;
  --leading-relaxed: 1.7;

  /* Tracking */
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-eyebrow: 0.14em;   /* uppercase column headings */

  /* Semantic roles */
  --type-eyebrow: var(--fw-bold) var(--text-xs)/1 var(--font-sans);
  --type-body: var(--fw-regular) var(--text-base)/var(--leading-normal) var(--font-sans);
  --type-heading: var(--fw-bold) var(--text-xl)/var(--leading-tight) var(--font-sans);
}