/* ============================================================
   Oignon — Typography
   Native system UI stack (no webfonts). The app is a dense,
   mobile-first tool: small type, mono for numeric stat values.
   ============================================================ */

:root {
  --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-sans: var(--font-family);
  --font-mono: 'SF Mono', 'Monaco', ui-monospace, monospace;

  /* Size scale (px — the app runs a compact scale) */
  --font-size-xs: 9px;
  --font-size-sm: 11px;
  --font-size-base: 12px;
  --font-size-md: 13px;
  --font-size-lg: 14px;
  --font-size-xl: 18px;
  --font-size-2xl: 20px;

  /* Weights */
  --font-weight-normal: 400;   /* @kind other */
  --font-weight-medium: 500;   /* @kind other */
  --font-weight-semibold: 600; /* @kind other */
  --font-weight-bold: 700;     /* @kind other */

  /* Line heights */
  --line-tight: 1.3;   /* @kind other */
  --line-snug: 1.4;    /* @kind other */
  --line-normal: 1.5;  /* @kind other */
  --line-relaxed: 1.6; /* @kind other */

  /* Letter spacing — labels/headers use a small positive track + UPPERCASE */
  --tracking-label: 0.5px;   /* @kind other */
  --tracking-wide: 0.05em;   /* @kind other */
  --tracking-tight: -0.02em; /* @kind other */

  /* Semantic aliases */
  --text-heading: var(--font-size-xl);
  --text-title: var(--font-size-base);
  --text-body: var(--font-size-md);
  --text-label: var(--font-size-xs);
}