/*
  Tokens de design da Barbearia Brother.

  Paleta escolhida: BRONZE (Alan, 08/11/2026, na peça de teste public/teste-paletas.php).
  Motivo: é a que mais conversa com o relevo em bronze do logo, escura com destaque quente,
  como as referências (pôsteres de garagem e landing escura).
  As paletas descartadas (Pergaminho e Garagem) ficam só em teste-paletas.css, para a peça de teste.

  Visual refeito em 08/11/2026 pelas referências de estúdio de tatuagem que o Alan mandou:
  preto, fotos em P&B, título gigante em caixa alta (Anton), um destaque bronze e tudo reto.
  A Rye fica nos sobretítulos, como letreiro de tatuagem.

  Contraste (WCAG AA) conferido com axe para --cor-texto, --cor-texto-suave e --cor-destaque
  sobre --cor-fundo e --cor-superficie, e para --cor-sobre-destaque sobre --cor-destaque.
*/

:root {
  /* Bronze: marrom quase preto com bronze e creme. */
  --cor-fundo: #17110d;
  --cor-superficie: #241a14;
  --cor-borda: #4a3527;
  --cor-texto: #f1e6d3;
  --cor-texto-suave: #c9b8a0;
  --cor-destaque: #d0924f;
  --cor-sobre-destaque: #17110d;
  --cor-apoio: #8f2f22;

  /* Tipografia: Rye (letreiro de faroeste) nos títulos, Source Sans 3 no texto. */
  --fonte-titulo: "Rye", Georgia, serif;
  --fonte-titulo-peso: 400;
  --fonte-titulo-caixa: none;
  --fonte-titulo-espaco: 0.01em;
  --fonte-texto: "Source Sans 3", "Segoe UI", Arial, sans-serif;

  /* Anton: títulos gigantes em caixa alta, como nas referências de estúdio de tatuagem (08/11/2026). */
  --fonte-display: "Anton", "Arial Narrow", Impact, sans-serif;
  --cor-preto: #0b0908;

  /* Formas retas, pedido do Alan: nada de canto arredondado em card, botão ou foto. */
  --raio: 0;
  --espaco-1: 0.5rem;
  --espaco-2: 1rem;
  --espaco-3: 1.5rem;
  --espaco-4: 2.5rem;
  --espaco-5: 4rem;
  --largura-max: 1120px;
}