/* ─────────────────────────────────────────────────────────────────────────
   On Energy — Typography tokens
   Typeface: Satoshi. Base font-size 15px. Line-height 1.5 throughout.
   Weights are intentionally few: 300 light, 430 regular, 550 medium, 700 bold.
   ──────────────────────────────────────────────────────────────────────── */

:root {
  --font-sans:
    'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace;

  /* Weights — the variable font is driven at these exact axis values */
  --font-weight-light: 300;
  --font-weight-normal: 430;
  --font-weight-medium: 550;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Type scale (Tailwind default, base = 15px root) */
  --text-xs: 0.75rem;    /* 11.25px */
  --text-sm: 0.875rem;   /* 13.13px */
  --text-base: 1rem;     /* 15px    */
  --text-lg: 1.125rem;   /* 16.88px */
  --text-xl: 1.25rem;    /* 18.75px */
  --text-2xl: 1.5rem;    /* 22.5px  */
  --text-3xl: 1.875rem;  /* 28.13px */
  --text-4xl: 2.25rem;   /* 33.75px */

  --leading-tight: 1.2;
  --leading-snug: 1.35;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.05em;
  --tracking-widest: 0.1em;
}