/* ============================================================
   ARON · Typography tokens
   Display  → Syne     (geometric, editorial — the ARON wordmark face)
   Text/UI  → Syne     (headings, nav, buttons, titles)
   Mono     → DM Mono  (meta, labels, specs, prices, body copy)
   ============================================================ */

:root {
  /* Families */
  --font-display: "Syne", "Segoe UI", system-ui, sans-serif;
  --font-sans:    "Syne", "Segoe UI", system-ui, sans-serif;
  --font-mono:    "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;

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

  /* Type scale (1.250 major-third-ish, tuned) */
  --text-2xs:  11px;
  --text-xs:   12px;
  --text-sm:   14px;
  --text-base: 16px;
  --text-md:   18px;
  --text-lg:   20px;
  --text-xl:   24px;
  --text-2xl:  30px;
  --text-3xl:  38px;
  --text-4xl:  48px;
  --text-5xl:  60px;
  --text-6xl:  76px;

  /* Line heights */
  --leading-none:    1;    /* @kind font */
  --leading-tight:   1.15; /* @kind font */
  --leading-snug:    1.3;  /* @kind font */
  --leading-normal:  1.5;  /* @kind font */
  --leading-relaxed: 1.65; /* @kind font */

  /* Letter spacing — display runs tight, mono/labels run wide */
  --tracking-tighter: -0.03em;  /* @kind font */
  --tracking-tight:   -0.015em; /* @kind font */
  --tracking-normal:  0;        /* @kind font */
  --tracking-wide:    0.04em;   /* @kind font */
  --tracking-wider:   0.12em;   /* @kind font */

  /* Semantic roles */
  --font-heading: var(--font-display);
  --font-body:    var(--font-sans);
  --font-label:   var(--font-sans);
  --font-data:    var(--font-mono);
}