/* Design system — Central de Apuração · Júlia Nunes 5588
   Identidade do adesivo: branco, vermelho #D92A37, verde #04502E, tipografia extendida pesada (Anybody). */
@font-face { font-family: "Anybody"; src: url("../fonts/Anybody-Expanded-700.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Anybody"; src: url("../fonts/Anybody-Expanded-900.ttf") format("truetype"); font-weight: 800 900; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("../fonts/Manrope-400.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("../fonts/Manrope-600.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("../fonts/Manrope-800.ttf") format("truetype"); font-weight: 700 900; font-display: swap; }

:root {
  /* marca (valores padrão; o .env pode trocar via theme.php) */
  --verde: #04502e;
  --verde-escuro: #03321d;
  --vermelho: #d92a37;
  --vermelho-escuro: #a81f2b;
  --aviso: #f9c70e;           /* só para alertas/estado parcial — não é cor de marca */
  --fundo: #ffffff;

  /* derivados */
  --verde-medio: color-mix(in srgb, var(--verde) 78%, white);
  --verde-claro: color-mix(in srgb, var(--verde) 10%, white);
  --verde-linha: color-mix(in srgb, var(--verde) 16%, transparent);
  --vermelho-claro: color-mix(in srgb, var(--vermelho) 10%, white);
  --pagina: color-mix(in srgb, var(--verde) 5%, white);
  --branco: #ffffff;
  --tinta: #0b1f16;
  --tinta-suave: #4b5f55;

  /* tipografia */
  --font-display: "Anybody", "Manrope", system-ui, sans-serif;
  --font-ui: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* forma */
  --r-lg: 1.4rem;
  --r-md: 1rem;
  --r-sm: .55rem;
  --gap: .9rem;
  --sombra: 0 .3rem 0 color-mix(in srgb, var(--verde) 14%, transparent);
}