/* ─────────────────────────────────────────────────────────────────
   IDENTIDADE VISUAL — 5ª Auto Peças e Auto Center

   Vermelho oficial medido no logo da loja (logo-5a.png): #B32026.
   Linguagem visual inspirada no site da DuoCar: fundo quase preto com
   grade sutil, títulos grandes em maiúsculas, botões em pílula.
   Todo o site lê estas variáveis — mudar uma cor aqui muda em tudo.
   ───────────────────────────────────────────────────────────────── */
:root {
  /* Marca */
  --marca: #b32026;              /* vermelho oficial do logo */
  --marca-forte: #8f161b;        /* hover / sombras */
  --marca-viva: #ef3b44;         /* o mesmo vermelho, mais claro: texto pequeno sobre fundo escuro precisa de contraste */
  --marca-suave: rgba(179, 32, 38, 0.16);
  --marca-brilho: rgba(239, 59, 68, 0.35);
  --destaque: #ef3b44;           /* detalhes (rótulos, ícones) */

  /* Base: quase preto, levemente quente para combinar com o vermelho */
  --fundo: #07080a;
  --fundo-2: #0c0d10;
  --superficie: #111317;
  --superficie-2: #171a1f;
  --superficie-3: #20242b;
  --linha: rgba(255, 255, 255, 0.07);
  --linha-forte: rgba(255, 255, 255, 0.15);

  --texto: #f5f6f8;
  --texto-suave: #a8adb7;
  --texto-fraco: #646a75;

  --ok: #2fbf71;
  --erro: #ef4444;

  /* Uma cor por origem do agendamento (painel dos atendentes) */
  --origem-site: #4c8dff;
  --origem-whatsapp: #25d366;
  --origem-atendente: #f2b23a;
  --origem-agenda: #a78bfa;

  --fonte: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fonte-titulo: 'Mona Sans', 'Inter', system-ui, sans-serif;
  --raio: 16px;
  --raio-g: 24px;
  --sombra: 0 24px 60px -24px rgba(0, 0, 0, 0.8);
  --curva: cubic-bezier(0.22, 1, 0.36, 1);
}