/* Tokens visuais do portal público da AMEM: cor, espaçamento, tipografia, raio.
   Nenhuma cor ou medida deve ser escrita direto nas outras folhas — sempre var(--...). */

/* Montserrat auto-hospedada (mesma fonte do site atual) — sem depender de CDN externo. */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/montserrat-light-webfont.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/montserrat-regular-webfont.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/montserrat-semibold-webfont.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/montserrat-bold-webfont.woff2") format("woff2");
}

:root {
  /* Cores de marca (extraídas do site atual: preto + dourado) */
  --preto: #131417;
  --preto-suave: #1c1e22;
  --preto-cartao: #212328;
  --preto-rodape: #202226;
  --dourado: #ffcc00;
  --dourado-escuro: #caa100;
  --branco: #ffffff;
  --cinza-100: #f6f6f4;
  --cinza-300: #d7d8da;
  --cinza-500: #9a9da3;
  --cinza-700: #616469;
  --borda: rgba(255, 255, 255, 0.1);
  --borda-clara: rgba(20, 20, 20, 0.1);
  --sombra: 0 12px 30px rgba(0, 0, 0, 0.35);

  /* Tipografia */
  --fonte: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --peso-leve: 300;
  --peso-normal: 400;
  --peso-forte: 600;
  --peso-extra: 700;

  /* Espaçamento */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 72px;

  /* Layout */
  --largura-max: 1180px;
  --raio: 10px;
  --raio-pequeno: 6px;
}