:root {
  --color-rosa: #f362a0;
  --color-amarelo: #f6b10c;
  --color-verde: #44bd78;
  --color-vermelho: #ed223b;
  --color-azul: #3151a9;
  --color-preto: #100f0d;
  --color-branco: #ffffff;
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 32px;
  --spacing-lg: 64px;
  --spacing-xl: 96px;
  --rounded-none: 0px;
  --rounded-md: 24px; /* R011: cantos arredondados (Mari, 29/09) */
  --rounded-full: 9999px;
}


/* tipografia — D-DIN (Datto, SIL OFL 1.1), R010. Arquivos locais em fontes/ (caminho relativo a
   este CSS). A CLI ainda não exporta tipografia em --format css-vars (design.md v0.4.0).
   A D-DIN não tem algarismo tabular nem eixo variável: não usar tnum nem font-variation. */
@font-face { font-family: "D-DIN"; src: url("/assets/fontes/D-DIN.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "D-DIN"; src: url("/assets/fontes/D-DIN-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "D-DIN"; src: url("/assets/fontes/D-DIN-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "D-DIN Condensed"; src: url("/assets/fontes/D-DINCondensed.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "D-DIN Condensed"; src: url("/assets/fontes/D-DINCondensed-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "D-DIN Exp"; src: url("/assets/fontes/D-DINExp.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "D-DIN Exp"; src: url("/assets/fontes/D-DINExp-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "D-DIN Exp"; src: url("/assets/fontes/D-DINExp-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

:root {
  --color-primary: #f6b10c; /* = amarelo, cor principal (R009) */

  --font-display-family: "D-DIN Exp", "D-DIN", "Arial Black", Arial, sans-serif;
  --font-display-size: 80px;
  --font-display-weight: 700;
  --font-display-line-height: 1;
  --font-display-letter-spacing: -0.01em;

  --font-headline-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-headline-size: 76px;
  --font-headline-weight: 700;
  --font-headline-line-height: 1;
  --font-headline-letter-spacing: 0em;

  --font-body-family: "D-DIN", "Helvetica Neue", Arial, sans-serif;
  --font-body-size: 18px;
  --font-body-weight: 400;
  --font-body-line-height: 1.5;

  --font-label-family: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;
  --font-label-size: 14px;
  --font-label-weight: 700;
  --font-label-line-height: 1.3;
  --font-label-letter-spacing: 0.14em;

  --font-numero-family: "D-DIN Exp", "D-DIN", "Arial Black", Arial, sans-serif;
  --font-numero-size: 96px;
  --font-numero-weight: 700;
  --font-numero-line-height: 0.92;
  --font-numero-letter-spacing: -0.01em;
}