/* ============================================================
   iA_Peças — Typography tokens
   Open Sans throughout; Saira (italic) for the racing wordmark.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-sans: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Saira", "Open Sans", sans-serif; /* slanted racing wordmark */

  /* ---- Weights (Open Sans ships these) ---- */
  --fw-regular: 400;    /* @kind font */
  --fw-semibold: 600;   /* @kind font */
  --fw-bold: 700;       /* @kind font */
  --fw-extrabold: 800;  /* @kind font */

  /* ---- Sizes (px scale observed in the file) ---- */
  --fs-9: 9px;
  --fs-10: 10px;
  --fs-12: 12px;    /* dominant body/label size on mobile */
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-30: 30px;    /* big numbers / hero figures */
  --fs-40: 40px;
  --fs-56: 56px;

  --lh-tight: 1.1;    /* @kind font */
  --lh-snug: 1.3;     /* @kind font */
  --lh-normal: 1.56;  /* @kind font */
  --lh-relaxed: 1.7;  /* @kind font */

  --ls-tight: -0.01em; /* @kind font */
  --ls-normal: 0;      /* @kind font */
  --ls-wide: 0.04em;   /* @kind font */

  /* ---- Role aliases ---- */
  --text-display: var(--fw-extrabold) var(--fs-30)/var(--lh-tight) var(--font-sans);
  --text-h1: var(--fw-bold) var(--fs-24)/var(--lh-snug) var(--font-sans);
  --text-h2: var(--fw-bold) var(--fs-16)/var(--lh-snug) var(--font-sans);
  --text-body-md: var(--fw-regular) var(--fs-14)/var(--lh-normal) var(--font-sans);
  --text-body-sm: var(--fw-regular) var(--fs-12)/var(--lh-normal) var(--font-sans);
  --text-label: var(--fw-semibold) var(--fs-12)/var(--lh-snug) var(--font-sans);
  --text-caption: var(--fw-regular) var(--fs-10)/var(--lh-snug) var(--font-sans);
  --text-price-lg: var(--fw-extrabold) var(--fs-30)/var(--lh-tight) var(--font-sans);
}