/* ══ FemininFinance — Typography tokens ══
   DM Serif Display = headlines (Regular + Italic). Outfit = body & ALL numbers (never serif). */
:root {
  --ff-serif: 'DM Serif Display', Georgia, serif; /* @kind font */
  --ff-sans: 'Outfit', system-ui, -apple-system, sans-serif; /* @kind font */

  /* Semantic families */
  --font-heading: var(--ff-serif); /* @kind font */
  --font-body: var(--ff-sans); /* @kind font */
  --font-number: var(--ff-sans); /* @kind font */

  /* Type scale (px) — large numbers ALWAYS Outfit 600, never serif */
  --fs-h1: 44px;   --lh-h1: 1.1;  /* @kind font */
  --fs-h2: 32px;   --lh-h2: 1.2;  /* @kind font */
  --fs-h3: 24px;   --lh-h3: 1.3;  /* @kind font */
  --fs-body: 15px; --lh-body: 1.6; /* @kind font */
  --fs-num: 32px;  --lh-num: 1.1;  /* @kind font */
  --fs-overline: 11px; --lh-overline: 1.4; /* @kind font */
  --fs-small: 12px;    --lh-small: 1.5; /* @kind font */

  /* Weights: body 300, numbers/strong 600, overline 700 */
  --fw-light: 300; /* @kind font */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */

  --ls-overline: 1.5px; /* @kind font */
}