/* =========================================================
   TOKENS — Identidade visual "Atelier Sport" do Musas 21
   Todas as cores, fontes e raios da página ficam aqui.
   ========================================================= */

:root {
  /* Cores */
  --bordo: #5C1A2B;          /* principal: botões, títulos de destaque, ícones, faixa do topo */
  --bordo-escuro: #431220;   /* hover e estado pressionado dos botões */
  --rose: #EBCDC6;           /* apoio: destaques sobre bordô */
  --blush: #F4E6E1;          /* fundo das seções alternadas */
  --porcelana: #F7F1EC;      /* fundo geral */
  --branco: #FFFFFF;         /* cards */
  --grafite: #221C1E;        /* texto principal */
  --grafite-suave: #6E5F62;  /* texto secundário (nunca em texto pequeno sobre rosé) */
  --bronze: #B08A57;         /* o "21" do logo e números grandes (só texto grande, sobre porcelana é decorativo) */
  --borda: #E6D9D3;          /* bordas finas de 1px dos cards */
  --linha: rgba(34, 28, 30, 0.16); /* linhas divisórias sobre porcelana e rosé */
  --foto: #72303F;           /* fundo dos espaços reservados para fotos */

  /* Fontes */
  --fonte-sans: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;   /* texto; condensada = rótulos */
  --fonte-serif: "Fraunces", Georgia, "Times New Roman", serif;               /* títulos em itálico */

  /* Raios */
  --raio-bloco: 20px;
  --raio-pequeno: 12px;
  --raio-pilula: 999px;

  /* Espaçamentos */
  --gutter: 20px;
  --largura-max: 1120px;
  --espaco-secao: 56px;

  /* Alturas de elementos fixos */
  --altura-botao: 52px;
}

@media (min-width: 900px) {
  :root {
    --gutter: 32px;
    --espaco-secao: 96px;
  }
}