/* Mundial Auto Center — tokens de identidade visual
   Etapa 3 · 08/09/2026 · fonte única da verdade do CSS do site.
   Cores da marca amostradas dos arquivos do logo aprovado. */

:root {
  /* ---- Marca ---- */
  --brand-100: #E4EBF2;
  --brand-300: #9CB6CE;
  --brand-500: #2F699B;   /* azul do carro — 5,46:1 sobre --paper */
  --brand-700: #113056;   /* azul do logotipo — 12,48:1 sobre --paper */
  --brand-900: #0B2140;

  /* ---- Ocre ---- */
  --ocre-500: #BC712E;    /* só elemento gráfico — reprova como texto (3,61:1) */
  --ocre-700: #8E5320;    /* ocre de interface: texto e botão (6,1:1 com branco) */

  /* ---- Neutros com temperatura fria (nunca #000 / #fff) ---- */
  --ink-900: #10161C;
  --ink-600: #48555F;
  --ink-400: #78868F;     /* bordas funcionais — 3,52:1 */
  --ink-300: #C6CFD6;
  --paper:   #F6F8FA;
  --paper-white: #FDFEFE;

  /* ---- Estado (uso mínimo: não há formulário) ---- */
  --ok:    #1E7A46;
  --alert: #8E5320;

  /* ---- Tipografia ---- */
  --font-display: Bitter, Georgia, "Times New Roman", serif;
  --font-text: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --step--1: 0.85rem;   --step-0: 1rem;      --step-1: 1.25rem;
  --step-2:  1.563rem;  --step-3: 1.953rem;  --step-4: 2.441rem;
  --step-5:  3.052rem;

  --lh-text: 1.55;
  --lh-title: 1.12;
  --tracking-title: -0.02em;
  --tracking-label: 0.12em;
  --weight-text: 400;
  --weight-strong: 600;
  --weight-title: 700;

  /* ---- Espaço (escala de 4px) ---- */
  --space-1: 0.25rem;  --space-2: 0.5rem;   --space-3: 0.75rem;
  --space-4: 1rem;     --space-6: 1.5rem;   --space-8: 2rem;
  --space-12: 3rem;    --space-16: 4rem;    --space-24: 6rem;

  /* ---- Forma ---- */
  --radius: 3px;
  --radius-pill: 999px;       /* exceção única: botão flutuante de WhatsApp */
  --border: 1px solid var(--ink-300);
  --rule-signature: 3px solid var(--ocre-500);
  --shadow: none;

  /* ---- Layout ---- */
  --measure: 68ch;
  --content-max: 1160px;
  --gutter: var(--space-4);

  /* ---- Movimento: nível NENHUM ---- */
  --dur: 150ms;
  --ease: cubic-bezier(0.2, 0, 0.2, 1);
}

@media (min-width: 48rem) {
  :root { --gutter: var(--space-8); }
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 1ms; }
}