/* WattVision — Typography tokens
   Inter for UI text, JetBrains Mono for numeric metrics. */
:root {
  --font-ui: 'Inter', -apple-system, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace;

  /* Semantic aliases */
  --font-display: var(--font-ui);
  --font-body: var(--font-ui);
  --font-metric: var(--font-mono);

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

  /* Sizes (px) */
  --fs-metric-xl: 32px;   /* KPI big number */
  --fs-metric: 24px;      /* secondary metric */
  --fs-title: 24px;       /* section / card title */
  --fs-subtitle: 18px;
  --fs-body: 14px;        /* default body */
  --fs-label: 13px;       /* labels */
  --fs-caption: 12px;     /* fine print */

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

  /* Letter spacing */
  --ls-metric: -0.01em;   /* @kind font */
  --ls-label: 0.04em;     /* @kind font */ /* uppercase labels */
}