/*
 * Tokens: as variáveis do tema.
 *
 * Trocar a paleta do sistema inteiro é trocar ESTE arquivo — nenhuma
 * outra folha tem `#rrggbb` (costura 3 da Fase 5, docs/09-tema.md).
 * A única exceção é o verde do WhatsApp, que é marca de terceiro e está
 * aqui embaixo, nomeada.
 *
 * Nome do token diz o PAPEL, não a cor: `--erro-fundo`, não `--rosa`.
 * Quem escreve tela usa o papel e nunca precisa saber qual tema roda.
 */

:root{
  /* -------------------------------------------------- marca do clube --- */
  --marca-azul:#003595;      /* azul AABB — brasão, cabeçalho impresso */
  --marca-ouro:#fcc707;

  /* ------------------------------------------------------- primária --- */
  --cor-primaria:#16324a;    /* azul-livro-caixa: barra, título, link */
  --cor-primaria-clara:#3d5a75;
  --cor-primaria-escura:#0e2436;

  /* --------------------------------------- neutros, do claro ao escuro --- */
  --n-0:#ffffff;
  --n-50:#f7f8fa;
  --n-100:#f1f3f5;
  --n-200:#e4e8ec;
  --n-300:#cfd6dd;
  --n-400:#a8b3be;
  --n-500:#7d8b99;
  --n-600:#5c6b7a;
  --n-700:#3f4c59;
  --n-800:#27313b;
  --n-900:#111a22;

  /* ------------------------------------------------------ superfície --- */
  --papel:#fbfaf7;           /* fundo da página — papel de razão */
  --superficie:var(--n-0);   /* fundo de cartão e tabela */
  --linha:#d8dee5;

  /* ------------------------------------------------------ semânticos --- */
  /* cada família tem quatro degraus: base (cheia), fundo, borda, texto  */
  --ok:#1e7a4e;
  --ok-fundo:#eaf6ef;
  --ok-borda:#bfe3cd;
  --ok-texto:#166039;

  --atencao:#c9971f;
  --atencao-fundo:#fff6e0;
  --atencao-borda:#f0d99b;
  --atencao-texto:#7a5b00;

  --erro:#c0392b;
  --erro-fundo:#fdecea;
  --erro-borda:#f2b8b0;
  --erro-texto:#a33b2e;

  --info:#1c4e8a;
  --info-fundo:#eaf1f7;
  --info-borda:#c9d8e6;
  --info-texto:#1c3e5c;

  /* --------------------------------------------- marca de terceiro --- */
  --whatsapp:#25d366;        /* verde da Meta: não é nossa paleta */
  --whatsapp-escuro:#1da851;

  /* ------------------------------------ lista de presentes (festa) --- */
  /* A página do convidado é de uma festa, não do clube: rosa-antigo em
     vez do azul-livro-caixa. */
  --festa:#9c4a5c;
  --festa-escura:#7a3546;
  --festa-fundo:#fbf1f2;
  --festa-borda:#ecd2d7;

  /* ----------------------------------------------------------- forma --- */
  --raio-p:6px;
  --raio:10px;
  --raio-g:14px;
  --sombra-1:0 1px 2px rgba(16,32,48,.08);
  --sombra-2:0 4px 16px rgba(16,32,48,.10);

  /* ------------------------------------------------------ tipografia --- */
  --fonte:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --fonte-numero:'Inter',ui-monospace,'Segoe UI',system-ui,sans-serif;
  --corpo:14px;

  /* ----------------------------------------------------- espaçamento --- */
  --esp-1:4px;
  --esp-2:8px;
  --esp-3:12px;
  --esp-4:16px;
  --esp-5:24px;
  --esp-6:32px;

  /* ---------------------------------------------------------- agenda --- */
  /* Uma cor por tipo de data do calendario. Sao oito e precisam ser
     distinguiveis de relance num quadradinho de 12px de altura, por isso
     nao saem todas da paleta neutra. Fundo claro + texto escuro da mesma
     familia: o selo continua legivel impresso em preto e branco. */
  --ag-evento:#16324a;        --ag-evento-fundo:#e7edf3;
  --ag-tarefa:#3b5a1e;        --ag-tarefa-fundo:#eaf2df;
  --ag-bloqueio:#6b2020;      --ag-bloqueio-fundo:#f3dcdc;
  --ag-reserva:#7b3f00;       --ag-reserva-fundo:#faeddc;
  --ag-contrato:#8a1c1c;      --ag-contrato-fundo:#fbe6e6;
  --ag-titulo:#0f5c46;        --ag-titulo-fundo:#e3f3ed;
  --ag-aniversario:#7a2d6b;   --ag-aniversario-fundo:#f7e8f4;
  --ag-jogo:#1c4e8a;          --ag-jogo-fundo:#e6eef8;
  --ag-emprestimo:#5a4a12;    --ag-emprestimo-fundo:#f6f1da;
  --ag-mandato:#3f4c59;       --ag-mandato-fundo:#eceff2;

  /* --------------------------------------------------------- antigos --- */
  /* nomes que as 66 telas já usavam; ficam como apelido para não haver
     um mutirão de renomeação sem ganho nenhum */
  --tinta:var(--cor-primaria);
  --tinta-2:var(--cor-primaria-clara);
  --verde:var(--ok);
  --alerta:var(--erro-texto);
  --amarelo:var(--atencao-borda);
}