/* =========================================================
   TEMA — Auto Serviço São José
   Laranja da marca (extraído do logo oficial), grafite de oficina
   e um dourado discreto vindo da imagem de São José.
   ========================================================= */

:root {
  /* ---------- Cores da marca ---------- */
  --cor-primaria: #fd6102;          /* laranja do logo */
  --cor-primaria-escura: #0d0e10;   /* grafite (fundo das seções escuras) */
  --cor-destaque: #fd6102;          /* botões principais */
  --cor-sobre-destaque: #0d0e10;    /* texto sobre o laranja (contraste 6,3:1) */
  --cor-destaque-texto: #a83e00;    /* laranja para texto em fundo claro (5,4:1) */
  --cor-texto: #121315;

  /* ---------- Tons da direção de arte ---------- */
  --grafite: #0d0e10;
  --grafite-2: #16171a;
  --grafite-3: #22242a;
  --aco: #9a9590;                   /* texto secundário no escuro (6,5:1) */
  --cimento: #f3eee7;               /* fundo claro quente */
  --cimento-2: #e7e0d6;
  --tinta-2: #5d5953;               /* texto secundário no claro (6:1) */
  --halo: #e8b86a;                  /* dourado (somente detalhes) */
  --laranja-claro: #ff7a2a;

  /* ---------- Fontes ---------- */
  --fonte-titulos: "Big Shoulders Display", "Arial Narrow", Impact, sans-serif;
  --fonte-texto: "Barlow", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;

  /* ---------- Cantos ---------- */
  --raio-grande: 22px;
  --raio-medio: 14px;
  --raio-botao: 6px;

  /* ---------- Movimento ---------- */
  --mk-ease: cubic-bezier(.2, .75, .25, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-inout: cubic-bezier(.65, 0, .35, 1);
  --mk-glare-color: 255 168 110;
}