/* Motoristas — tema único do app e das páginas públicas, igual à landing (/lp).
   Claro, com a paleta e a fonte da marca (marca-tokens.css). Carregue marca-tokens.css antes deste arquivo.
   Cartões são brancos, com linha fina e sombra suave; bordas grossas e cores de borda lateral não são usadas. */

:root {
  --bg: #F4FAF7;
  --panel: #FFFFFF;
  --line: #E3EAF2;
  --text: #0B1B3A;
  --muted: #5F6B82;
  --green: #0B6E4B;
  --amber: #A94E0C;
  --red: #C92A2F;
  --blue: #1F55C4;
  --action: var(--mo-action);
  --on-action: var(--mo-white);
  --red-fill: var(--mo-erro-fill);
  --on-fill: var(--mo-white);
  --badge-bg: #A94E0C;
  --badge-text: #FFFFFF;
  --aviso-bg: var(--mo-atencao-bg);
  --erro-bg: #FDECEC;
  --borda-campo: #6B7685;
  --accent: #0B6E4B; --cta: var(--action); --cta-text: var(--on-action);
  --sombra: 0 10px 28px rgba(16, 60, 50, .08);
  --sombra-leve: 0 2px 10px rgba(16, 60, 50, .06);
  --sombra-cta: 0 10px 22px rgba(18, 137, 93, .24);
  --sombra-tab: 0 -6px 18px rgba(16, 60, 50, .06);
  --overlay: rgba(11, 27, 58, .42);
  --grafico-1: var(--mo-caixa-pro);
  --grafico-2: var(--mo-caixa-giro);
  --grafico-3: var(--mo-caixa-custos);
  --grafico-4: var(--mo-caixa-blindada);
  --logo-filter: none;
  --radius: 16px; --gutter: 16px;
  /* escala de espaçamento: todo espaço interno e entre blocos usa estes passos */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px;
}

/* Contraste aumentado: o texto secundário e as linhas ficam mais fortes, nunca mais fracos. */
@media (prefers-contrast: more) {
  :root { --line: #6B7685; --muted: #374151; }
}