/* ============================================================
   paneo — TYPOGRAPHY TOKENS
   The webapp ships no webfont; it uses the native system-UI
   grotesque stack — the right call for a precise, no-nonsense
   engineering tool that must feel native on Swiss desktops.
   Numbers lean on tabular figures so columns of m² / lm align.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* ---- Type scale (px) ---- */
  --text-2xs: 11px;   /* badge / uppercase micro-label */
  --text-xs:  12px;   /* table head, captions, eyebrow */
  --text-sm:  13px;   /* secondary UI text, table cells */
  --text-md:  14px;   /* body / default UI */
  --text-lg:  15px;   /* lead paragraph */
  --text-xl:  16px;   /* sub-headline */
  --text-2xl: 19px;   /* page / app title */
  --text-3xl: 24px;   /* metric value */

  /* ---- Weights ---- */
  --weight-regular:  400;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* ---- Line heights ---- */
  --leading-tight: 1.25;
  --leading-snug:  1.5;
  --leading-loose: 1.6;

  /* ---- Letter spacing ---- */
  --tracking-tight:  0.2px;   /* titles */
  --tracking-label:  0.5px;   /* uppercase eyebrows */
  --tracking-badge:  0.4px;   /* badges */

  /* ---- Numeric ---- */
  --numeric-tabular: tabular-nums; /* @kind other */
}