/* oa.flow — Typography system */
:root {
  /* ---- Families ---- */
  --font-primary: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Saira Condensed', 'Montserrat', sans-serif; /* números & placares */

  /* ---- 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 (peça-base 1080px / tela) ---- */
  --fs-display: 96px;   /* placar / número gigante (Saira) */
  --fs-headline: 64px;  /* HEADLINE · 800 */
  --fs-title: 40px;     /* TÍTULO · 700 */
  --fs-subtitle: 28px;
  --fs-body-lg: 22px;
  --fs-body: 18px;      /* CORPO · 500 */
  --fs-eyebrow: 15px;   /* EYEBROW · 800 caixa-alta */
  --fs-caption: 13px;

  /* ---- Line heights ---- */
  --lh-tight: 0.98;     /* @kind font */
  --lh-snug: 1.12;      /* @kind font */
  --lh-normal: 1.5;     /* @kind font */

  /* ---- Tracking ---- */
  --ls-eyebrow: 0.22em; /* @kind font */
  --ls-tight: -0.02em;  /* @kind font */
  --ls-normal: 0;       /* @kind font */

  /* ---- Semantic roles ---- */
  --text-headline-weight: var(--fw-extrabold); /* @kind font */
  --text-title-weight: var(--fw-bold);         /* @kind font */
  --text-body-weight: var(--fw-medium);        /* @kind font */
  --text-eyebrow-weight: var(--fw-extrabold);  /* @kind font */
}