/* Family Group — Escala tipográfica (CSS custom properties)
 * Fonte oficial: PP Mori (variável). Fallback web: Inter. Fallback impressão: Arial.
 * Base 16px. Derivado das aplicações do acervo — ver tipografia.md / leitura-design.md Seção 4.
 * Gerado: 2026-06-21 — Design Chief (@design-chief)
 */

:root {
  /* --- Família e fallback --- */
  --fg-font-family: "PP Mori", "Inter", system-ui, Arial, sans-serif;

  /* --- Pesos do eixo variável da PP Mori --- */
  --fg-weight-regular: 400;
  --fg-weight-semibold: 600;
  --fg-weight-bold: 700;

  /* --- Display --- */
  --fg-display-size: 4rem;       /* 64px */
  --fg-display-weight: 700;
  --fg-display-line: 1.0;
  --fg-display-tracking: -0.02em;

  /* --- H1 --- */
  --fg-h1-size: 3rem;            /* 48px */
  --fg-h1-weight: 700;
  --fg-h1-line: 1.05;
  --fg-h1-tracking: -0.015em;

  /* --- H2 --- */
  --fg-h2-size: 2.25rem;         /* 36px */
  --fg-h2-weight: 600;
  --fg-h2-line: 1.1;
  --fg-h2-tracking: -0.01em;

  /* --- H3 --- */
  --fg-h3-size: 1.75rem;         /* 28px */
  --fg-h3-weight: 600;
  --fg-h3-line: 1.2;
  --fg-h3-tracking: 0;

  /* --- Body --- */
  --fg-body-size: 1rem;          /* 16px */
  --fg-body-weight: 400;
  --fg-body-line: 1.5;
  --fg-body-tracking: 0;

  /* --- Caption --- */
  --fg-caption-size: 0.8125rem;  /* 13px */
  --fg-caption-weight: 400;
  --fg-caption-line: 1.4;
  --fg-caption-tracking: 0.01em;
}

/* Classes utilitárias */
.fg-display { font-family: var(--fg-font-family); font-size: var(--fg-display-size); font-weight: var(--fg-display-weight); line-height: var(--fg-display-line); letter-spacing: var(--fg-display-tracking); }
.fg-h1      { font-family: var(--fg-font-family); font-size: var(--fg-h1-size);      font-weight: var(--fg-h1-weight);      line-height: var(--fg-h1-line);      letter-spacing: var(--fg-h1-tracking); }
.fg-h2      { font-family: var(--fg-font-family); font-size: var(--fg-h2-size);      font-weight: var(--fg-h2-weight);      line-height: var(--fg-h2-line);      letter-spacing: var(--fg-h2-tracking); }
.fg-h3      { font-family: var(--fg-font-family); font-size: var(--fg-h3-size);      font-weight: var(--fg-h3-weight);      line-height: var(--fg-h3-line);      letter-spacing: var(--fg-h3-tracking); }
.fg-body    { font-family: var(--fg-font-family); font-size: var(--fg-body-size);    font-weight: var(--fg-body-weight);    line-height: var(--fg-body-line);    letter-spacing: var(--fg-body-tracking); }
.fg-caption { font-family: var(--fg-font-family); font-size: var(--fg-caption-size); font-weight: var(--fg-caption-weight); line-height: var(--fg-caption-line); letter-spacing: var(--fg-caption-tracking); }

/* Wordmark: "family" reto + "group" itálico */
.fg-wordmark { font-family: var(--fg-font-family); font-weight: 400; }
.fg-wordmark em { font-style: italic; font-weight: 400; }