/* ==========================================================================
   Clubvance — tema da marca: verde-petróleo + rosa Clubvance em fundo menta
   (estética de risografia: papel com retícula, sombra deslocada, cantos irregulares).
   Todas as cores do sistema saem daqui. Para um novo tema, redefina só :root.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');

/* Cores do Manual de Identidade Clubvance (out/2026) — paleta proposta da marca. */
:root {
  /* Fundo e tintas */
  --papel:          #F3FAF5;   /* menta claro: plano de fundo */
  --reticula:     rgba(0, 61, 48, 0.07);
  --superficie:     rgba(255, 255, 255, 0.70);
  --tinta:          #003D30;   /* verde-petróleo: marca, títulos, menus, texto */
  --tinta-2:        #00804A;   /* verde médio: apoio, linhas, bordas */
  --tinta-suave:    #60736B;   /* texto secundário, rótulos */
  --destaque:       #FF2995;   /* rosa Clubvance: chamadas de ação e identidade */
  --sobre-destaque: #003D30;
  --destaque-texto: #C2006B;   /* rosa legível sobre fundo claro */
  --etiqueta:       #FFD9EB;   /* rosa suave */
  --rosa-claro:     #FFF0F7;
  --verde-suave:    #A9D9C1;   /* cards, superfícies */
  --divisoria:      #E5EAE7;
  --trilho:         rgba(0, 61, 48, 0.14);
  --passado:        #A9BDB3;
  --branco:         #FFFFFF;

  /* Status do produto */
  --ok:      #168454;  --ok-fundo:      #DDF1E6;
  --info:    #2878C7;  --info-fundo:    #E1EEFA;
  --alerta:  #E6A23C;  --alerta-fundo:  #FCEFD9;
  --erro:    #D64550;  --erro-fundo:    #FBE3E5;

  /* Cores das quadras (vêm do cadastro do espaço; estas são o padrão) */
  --quadra-1: #FF2995;
  --quadra-2: #00A95C;
  --quadra-3: #FFE800;
  --quadra-4: #0078BF;

  /* Tipografia */
  --fonte-titulo: 'Outfit', 'Poppins', system-ui, sans-serif;
  --fonte-texto:  'Outfit', 'Poppins', system-ui, sans-serif;

  /* Forma */
  --raio:        26px 4px 26px 4px;
  --raio-p:      12px 2px;
  --raio-pilula: 999px;
  --borda:       2px;

  /* Sombra "fora de registro" da risografia */
  --sombra:          5px 5px 0 rgba(255, 41, 149, 0.80);
  --sombra-selecao:  9px 9px 0 var(--destaque);
  --sombra-botao:    3px 3px 0 var(--tinta-2);
}