/*
 * 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 da Agenda --- */
  --marca:#3b4cca;           /* índigo do ícone */
  --marca-destaque:#ff7a59;  /* coral da faixa do calendário */

  /* ------------------------------------------------------- primária --- */
  --cor-primaria:#3b4cca;    /* barra, título, link */
  --cor-primaria-clara:#5c6bd6;
  --cor-primaria-escura:#27338f;

  /* --------------------------------------- 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:#f7f7fb;           /* fundo da página */
  --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;

  /* ----------------------------------------------------------- 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 --- */
  /* As cores que o evento pode ter. Fundo claro + texto escuro da mesma
     família: o selo continua legível impresso em preto e branco. */
  --ag-evento:#27338f;        --ag-evento-fundo:#e6e9fb;
  --ag-tarefa:#3b5a1e;        --ag-tarefa-fundo:#eaf2df;
  --ag-reserva:#8a3d12;       --ag-reserva-fundo:#ffeadf;
  --ag-contrato:#8a1c1c;      --ag-contrato-fundo:#fbe6e6;
  --ag-titulo:#0f5c46;        --ag-titulo-fundo:#e3f3ed;
  --ag-aniversario:#6b2d8a;   --ag-aniversario-fundo:#f2e8f9;
  --ag-mandato:#3f4c59;       --ag-mandato-fundo:#eceff2;

  /* ------------------------------------------------------- apelidos --- */
  --tinta:#1d2340;            /* texto: quase preto, puxado para o índigo */
  --tinta-2:var(--n-600);
  --verde:var(--ok);
  --alerta:var(--erro-texto);
  --amarelo:var(--atencao-borda);
}