@import "tailwindcss";

/* Tema escuro fixo: o site sempre aparece com fundo preto, não importa a configuração do aparelho.
   Em vez de reescrever cada componente, a paleta de cinzas do Tailwind é espelhada: o que era
   "branco" vira o preto da página e o que era cinza-escuro (textos) vira claro. */
:root {
  --background: #0a0a0a;
  --foreground: #f4f4f5;
  color-scheme: dark;
}

@theme {
  --color-white: #0a0a0a; /* também é a cor do texto sobre botões claros (ex.: filtro ativo) */
  --color-zinc-50: #101012;
  --color-zinc-100: #18181b;
  --color-zinc-200: #27272a;
  --color-zinc-300: #3f3f46;
  --color-zinc-400: #71717a;
  --color-zinc-500: #a1a1aa;
  --color-zinc-600: #b8b8c0;
  --color-zinc-700: #d4d4d8;
  --color-zinc-800: #e4e4e7;
  --color-zinc-900: #f4f4f5;
  --color-zinc-950: #fafafa;
  --color-red-600: #f87171; /* mensagens de erro, mais claras para ler no fundo preto */
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}