/* PersonaliZZa Automotiva — cores e medidas da marca.
 * Preto + branco + vermelho dos "ZZ" (#E3302F, tirado da logomarca vetorial).
 * Contraste conferido: texto ≥ 4,5:1 e componentes ≥ 3:1 nos dois temas. */
:root {
  --marca: #dc2d2c;          /* vermelho ZZ (#E3302F na logo) um tom abaixo, para o texto branco do botão ter 4,7:1 */
  --marca-escura: #b8201f;   /* vermelho para texto sobre fundo claro (6,4:1) */
  --marca-suave: #fdeceb;
  --preto: #141414;
  --grafite: #232323;

  --fundo: #f3f3f4;
  --cartao: #ffffff;
  --texto: #18181b;
  --texto-2: #52525b;        /* secundário (7,4:1 sobre branco) */
  --linha: #dcdce0;
  --linha-forte: #8a8a93;    /* bordas de campo (3,4:1) */
  --foco: #1d4ed8;

  --verde: #147a3a;   --verde-suave: #e7f6ec;
  --amarelo: #a15c07; --amarelo-suave: #fef4dc;
  --azul: #1d4ed8;    --azul-suave: #e6eeff;
  --roxo: #6d28d9;    --roxo-suave: #f0e9ff;
  --cinza: #52525b;   --cinza-suave: #ececee;
  --perigo: #b91c1c;  --perigo-suave: #fde8e8;

  --raio: 14px;
  --raio-p: 10px;
  --sombra: 0 1px 2px rgba(0,0,0,.06), 0 4px 14px rgba(0,0,0,.06);
  --toque: 52px;              /* altura dos botões grandes (mínimo de acessibilidade: 44px) */
  --fonte: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    --marca-escura: #ff6b66;
    --marca-suave: #3a1716;
    --fundo: #0e0e10;
    --cartao: #1b1b1f;
    --texto: #f4f4f5;
    --texto-2: #b4b4bc;
    --linha: #2e2e34;
    --linha-forte: #75757f;
    --foco: #7aa2ff;
    --verde: #4ade80;   --verde-suave: #10291a;
    --amarelo: #fbbf24; --amarelo-suave: #2e2208;
    --azul: #7aa2ff;    --azul-suave: #121d38;
    --roxo: #b794ff;    --roxo-suave: #221636;
    --cinza: #b4b4bc;   --cinza-suave: #26262b;
    --perigo: #f87171;  --perigo-suave: #34141a;
    --sombra: 0 1px 2px rgba(0,0,0,.4);
    color-scheme: dark;
  }
}
:root[data-tema="escuro"] {
  --marca-escura: #ff6b66;
  --marca-suave: #3a1716;
  --fundo: #0e0e10;
  --cartao: #1b1b1f;
  --texto: #f4f4f5;
  --texto-2: #b4b4bc;
  --linha: #2e2e34;
  --linha-forte: #75757f;
  --foco: #7aa2ff;
  --verde: #4ade80;   --verde-suave: #10291a;
  --amarelo: #fbbf24; --amarelo-suave: #2e2208;
  --azul: #7aa2ff;    --azul-suave: #121d38;
  --roxo: #b794ff;    --roxo-suave: #221636;
  --cinza: #b4b4bc;   --cinza-suave: #26262b;
  --perigo: #f87171;  --perigo-suave: #34141a;
  --sombra: 0 1px 2px rgba(0,0,0,.4);
  color-scheme: dark;
}