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

:root {
  --dourado: #F2A900;
  --dourado-escuro: #C98D00;
  --cinza-escuro: #424242;
  --azul-marca: #0B111E;
  --quase-preto: #1F1F1F;
  --branco: #FFFFFF;
  --cinza-claro: #F4F4F3;
  --cinza-borda: #E3E1DD;
  --verde: #2E9E5B;
  --amarelo: #E0A400;
  --vermelho: #D8453C;
  --azul-neutro: #4A66A3; /* "neutro" em rupturas de NPS (promotor/neutro/detrator) — validado contra daltonismo junto com --verde e --vermelho */

  --bg: var(--cinza-claro);
  --bg-card: var(--branco);
  --texto: var(--quase-preto);
  --texto-secundario: var(--cinza-escuro);
  --borda: var(--cinza-borda);
  --scrollbar-thumb: #C7C3BB;
  --scrollbar-thumb-hover: #B4AFA5;
  --scrollbar-track: transparent;

  --fonte-titulo: 'Bricolage Grotesque', 'Inter Tight', system-ui, sans-serif;
  --fonte-corpo: 'Inter Tight', system-ui, sans-serif;

  --radius: 10px;
  --radius-sm: 6px;
  --sombra: 0 1px 3px rgba(31,31,31,0.08), 0 1px 2px rgba(31,31,31,0.06);
}

/* Tema claro por padrão. O modo escuro só é ativado manualmente via botão
   (ver public/js/theme.js), nunca pela preferência do sistema — assim o
   usuário sempre vê o que escolheu, sem depender de configuração do SO. */
:root[data-theme="dark"] {
  /* Mesma "profundidade" do GitHub Dark, mas com saturação zerada (R=G=B em
     cada tom) — o dourado da marca já é a única cor forte da página; um
     fundo com matiz de azul competia com ele de um jeito que o GitHub não
     tem (lá não tem um acento amarelo saturado igual o nosso). */
  --bg: #111111;
  --bg-card: #1C1C1C;
  --texto: #D1D1D1;
  --texto-secundario: #949494;
  --borda: #363636;
  --scrollbar-thumb: #505050;
  --scrollbar-thumb-hover: #777777;
  --scrollbar-track: transparent;
  /* faz os widgets nativos do navegador (ícone de calendário, setas de number/select)
     seguirem o tema escolhido em vez de virem sempre claros por padrão do navegador */
  color-scheme: dark;
}