/* ============================================================
   DESIGN TOKENS — Confra Grupo FAJ 2026
   Extraídos do Guia de Marca "Grandes Metas 2026".
   ============================================================ */

/* Monigue — tipografia display oficial (regular, caixa alta). */
@font-face {
  font-family: "Monigue";
  src: url("../fonts/Monigue.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* European Farmhouse Script — manuscritos "GRANDES PESSOAS",
   "é nossa!", "acontecer!" (uso restrito e pontual). */
@font-face {
  font-family: "European Farmhouse Script";
  src: url("../fonts/EuropeanFarmhouseScript.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Cores oficiais */
  --azul: #2458ff;
  --marinho: #00143d;
  --preto: #0c0c0c;
  --off-white: #f9f9f9;
  --branco: #ffffff;

  /* Família premiação (azuis de apoio) */
  --premiacao-2: #457aff;
  --premiacao-3: #004add;
  --premiacao-4: #8aabff;
  --premiacao-5: #6094e8;
  --premiacao-seta: #042a77;
  --marinho-10: #e5e7ea;

  /* Tema escuro — principal do evento */
  --fundo: var(--preto);
  --superficie: rgba(255, 255, 255, 0.06);
  --texto: var(--branco);
  --texto-suave: rgba(255, 255, 255, 0.68);
  --destaque: var(--azul);
  --destaque-texto: var(--premiacao-4);
  --linha: rgba(255, 255, 255, 0.14);
  --linha-campo: rgba(255, 255, 255, 0.46);
  --foco: var(--premiacao-4);

  /* Tipografia */
  --font-display: "Monigue", "Arial Narrow", Impact, sans-serif;
  --font-script: "European Farmhouse Script", "Brush Script MT", cursive;
  --font-texto: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;

  /* Raios */
  --raio-sm: 6px;
  --raio-md: 12px;
  --raio-lg: 20px;
  --raio-xl: 24px;
  --raio-podio: 32px;

  /* Espaçamentos */
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 12px;
  --espaco-4: 16px;
  --espaco-5: 24px;
  --espaco-6: 32px;
  --espaco-7: 48px;
  --espaco-8: 64px;
  --espaco-9: 96px;
  --espaco-10: 128px;

  /* Container editorial */
  --max-wrap: 1200px;

  /* Transições */
  --t-rapida: 0.18s cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-media:  0.35s cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-lenta:  0.6s  cubic-bezier(0.2, 0.7, 0.2, 1);
}