/*
 * ZynoSuite v2 — Typography tokens
 *
 * One UI/display family (Inter) + one mono (JetBrains Mono). Operator-dense:
 * the base body size is 13px, numerics are tabular. The wordmark trick lives
 * in weights — "Zyno" extralight (200) + product name medium (500).
 */

:root {
    /* ── Families ─────────────────────────────────────────────────── */
    --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

    /* ── Sizes (px — dense by design) ─────────────────────────────── */
    --t-xs: 11px; /* labels, meta, badges */
    --t-sm: 12px; /* secondary body, dense controls */
    --t-base: 13px; /* DEFAULT body / controls */
    --t-md: 14px; /* pane titles, larger controls */
    --t-lg: 16px;
    --t-xl: 19px;
    --t-2xl: 24px; /* stat values */
    --t-3xl: 32px;
    --t-4xl: 44px; /* hero numerals */

    /* ── Line heights ─────────────────────────────────────────────── */
    --lh-tight: 1.15; /* @kind font */
    --lh-snug: 1.3; /* @kind font */
    --lh-body: 1.5; /* @kind font */

    /* ── Weights ──────────────────────────────────────────────────── */
    --w-thin: 200; /* @kind font */
    --w-reg: 400; /* @kind font */
    --w-med: 500; /* @kind font */
    --w-sem: 600; /* @kind font */
    --w-bold: 700; /* @kind font */
}