/* Sagene Elektro — typography tokens
   Poppins for headings/buttons/labels, Source Sans 3 for body.
   SLIM BY POLICY: default display weight is Medium (500). 700/800/900 are
   not used in UI — reserve 600 for uppercase eyebrows/labels + <strong>. */

:root {
  --font-display: 'Poppins', system-ui, sans-serif;   /* headings, buttons, UI labels */
  --font-body: 'Source Sans 3', system-ui, sans-serif; /* paragraphs, long-form copy */

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

  /* Type scale (rem, 16px base) */
  --fs-display: 3.5rem;   /* 56px hero */
  --fs-h1: 2.5rem;        /* 40px */
  --fs-h2: 2rem;          /* 32px */
  --fs-h3: 1.5rem;        /* 24px */
  --fs-h4: 1.25rem;       /* 20px */
  --fs-lg: 1.125rem;      /* 18px lead */
  --fs-base: 1rem;        /* 16px body */
  --fs-sm: 0.875rem;      /* 14px */
  --fs-xs: 0.75rem;       /* 12px label */

  /* Line heights */
  --lh-tight: 1.1; /* @kind font */
  --lh-heading: 1.2; /* @kind font */
  --lh-snug: 1.4; /* @kind font */
  --lh-body: 1.6; /* @kind font */

  /* Letter spacing */
  --ls-tight: -0.02em; /* @kind font */
  --ls-normal: 0; /* @kind font */
  --ls-wide: 0.04em; /* @kind font */
  --ls-label: 0.08em; /* @kind font */
}