/* Tokens da MMK Soluções Elétricas. Estilo E2 (Técnico).
   Contraste (WCAG): texto #EEF3EF sobre fundo #0C2318 = 14,6:1
   texto-suave #D3DDD6 sobre fundo = 11,6:1 | legenda #B5C4BA sobre fundo = 8,9:1
   acento #F5C400 sobre fundo = 10,2:1 | fundo #0C2318 sobre acento = 10,2:1 */
@font-face { font-family: "Barlow Condensed"; src: url("/assets/fonts/barlow-condensed-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("/assets/fonts/barlow-condensed-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("/assets/fonts/barlow-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("/assets/fonts/barlow-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }

:root {
  --cor-primaria: #14532D;      /* verde do logo */
  --cor-secundaria: #0C2318;    /* verde escuro derivado do logo */
  --cor-acento: #F5C400;        /* amarelo "elétrico" (exceção registrada no README) */
  --cor-fundo: #0C2318;
  --cor-superficie: #123222;
  --cor-texto: #EEF3EF;
  --cor-texto-suave: #D3DDD6;
  --cor-legenda: #B5C4BA;
  --cor-linha: #2F6349;
  --cor-linha-forte: #EEF3EF;
  --cor-erro: #FFB4A8;
  --fonte-titulo: "Barlow Condensed", "Arial Narrow", sans-serif;
  --fonte-texto: "Barlow", "Segoe UI", system-ui, sans-serif;
  --largura: 1160px;
  --margem: clamp(20px, 5vw, 40px);
  --secao: clamp(48px, 7vw, 88px);
}