/* Fechô Motora: tokens de design (base do design system). Cores-base fixas da marca e escalas derivadas. */
:root {
  --fm-azul-estrada: #0B2545;
  --fm-ambar-sinal: #FFB703;
  --fm-verde-lucro: #1FB59A;
  --fm-vermelho: #E5484D;
  --fm-fundo: #F4F6FA;

  --fm-texto: #0B2545;
  --fm-texto-suave: #4A5A73;
  --fm-borda: #D5DBE6;
  --fm-superficie: #FFFFFF;
  --fm-foco: #FFB703;

  --fm-fonte: "Atkinson Hyperlegible", "Segoe UI", Roboto, Arial, sans-serif;
  --fm-espaco-1: 4px;
  --fm-espaco-2: 8px;
  --fm-espaco-3: 16px;
  --fm-espaco-4: 24px;
  --fm-espaco-5: 40px;
  --fm-raio: 12px;
  --fm-sombra: 0 2px 8px rgba(11, 37, 69, 0.08);
}