/* ============================================================
   TOKENS — ABADÁ-Capoeira Málaga

   Sistema visual: "a roda" — o círculo de gente em volta do jogo é
   a unidade estrutural da capoeira, e vira aqui o motivo repetido
   (medalhão da foto, moedas da barra de prova, anéis do rodapé).
   Paleta puxa do próprio instrumento (berimbau: madeira, cabaça,
   arame) e do sistema de cordas da escola, não da bandeira do Brasil
   nem do cliché turístico tropical.
   ============================================================ */

@font-face { font-family: 'Display'; src: url('../fonts/display-700.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Display'; src: url('../fonts/display-900.woff2') format('woff2'); font-weight: 900; font-display: swap; }
@font-face { font-family: 'Corpo'; src: url('../fonts/corpo-400.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Corpo'; src: url('../fonts/corpo-500.woff2') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Corpo'; src: url('../fonts/corpo-700.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Mono'; src: url('../fonts/mono-400.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Mono'; src: url('../fonts/mono-700.woff2') format('woff2'); font-weight: 700; font-display: swap; }

:root {
  /* ---- Cores ----
     Cal de Málaga: fundo cal/parede caiada, mais esverdeado e seco
     que o cream #F4F1EA padrão de IA.
     Roxo-cordão: cor da corda avançada da escola + do globo ABADÁ.
     Cabaça: dourado do resonador do berimbau.
     Atabaque: tinta quase-preta, marrom-madeira, nunca preto puro. */
  --cor-fundo:            #E9E4D3;
  --cor-fundo-alt:        #DFD8C1;
  --cor-papel:            #F5F1E6; /* cards, cartões acima do fundo */
  --cor-escura:           #241A14;
  --cor-escura-suave:     rgba(36, 26, 20, .72);
  --cor-borda:            rgba(36, 26, 20, .14);
  --cor-branco:           #FFFFFF;

  --cor-destaque:         #4A1D45; /* roxo-cordão: fundo, filete, número */
  --cor-destaque-texto:   #3A1636; /* o mesmo roxo, texto sobre claro */
  --cor-acento:           #B87A28; /* cabaça: divisor, fundo, moeda sobre escuro */
  --cor-acento-texto:     #80551C; /* o mesmo cabaça, escuro o bastante para
                                       virar texto (eyebrow) sobre fundo claro */
  --cor-acento-suave:     #E4C68B;

  /* tags de turma — só usadas nos cartões e no horário, não na página toda */
  --cor-tag-infantil:     #4C6650; /* verde-mata */
  --cor-tag-adulto:       #4A1D45; /* roxo-cordão */
  --cor-tag-cultura:      #A6501F; /* terracota-tambor, para música/movimento */

  /* Verde oficial do WhatsApp. Texto sempre escuro em cima: branco sobre
     #25D366 mede 1.98:1 e reprova. */
  --cor-whatsapp:         #25D366;
  --cor-whatsapp-hover:   #128C4A;
  --cor-texto-no-botao:   #0F2318;

  /* ---- Tipografia ----
     Display: condensada, cheia, energia de cartaz de roda de rua.
     Corpo: humanista, sóbria, carrega os acentos do espanhol sem esforço.
     Mono: rótulo, horário, preço — voz de carimbo/ficha de inscrição. */
  --fonte-titulo: 'Display', 'Arial Narrow', sans-serif;
  --fonte-corpo:  'Corpo', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --fonte-mono:   'Mono', 'SFMono-Regular', Consolas, monospace;

  --peso-regular: 400;
  --peso-medio:   500;
  --peso-forte:   700;
  --peso-preto:   900;

  /* ---- Ritmo e forma ---- */
  --espaco-xs: 8px;
  --espaco-sm: 16px;
  --espaco-md: 32px;
  --espaco-lg: 72px;

  --raio:      20px;
  --raio-sm:   12px;
  --sombra:      0 12px 34px rgba(36, 26, 20, .16);
  --sombra-leve: 0 4px 16px rgba(36, 26, 20, .10);

  --largura-max: 1120px;
  --altura-header: 72px;
}