:root {
  color-scheme: light;
  --font-sans: "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --color-bg: #f5f7f9;
  --color-surface: #fff;
  --color-text: #20343e;
  /* Escurecidos em relação ao original (#6d7e88/#93a0a8) -- o antigo
     --color-muted ficava abaixo de 4.5:1 de contraste contra fundo claro
     (WCAG AA), difícil de ler em textos pequenos. */
  --color-muted: #536270;
  --color-subtle: #6f7f8a;
  --color-border: #e6ebee;
  /* Identidade visual Viale Turismo: azul-marinho (ver logo em
     static/images/). Paleta toda em tons de azul -- --color-brand funciona
     como texto sobre fundo claro E como fundo com texto branco em cima
     (contraste WCAG AA garantido nos dois papéis); --color-accent-vivid é
     um azul mais claro/vibrante, reservado para preenchimentos decorativos
     (gráficos, indicadores) sem texto por cima. */
  --color-brand: #1c6ca8;
  --color-brand-hover: #154f7d;
  --color-brand-soft: #e6f0f7;
  --color-accent-vivid: #2f8fd1;
  /* Sprint 2 -- dourado do logo da Viale (visto na tela de login), trazido
     como acento secundário para detalhes pontuais (ex.: indicador de item
     ativo no menu) -- nunca substitui --color-brand como cor primária. */
  --color-accent-gold: #c9a24a;
  --color-sidebar: #082a45;
  --color-sidebar-deep: #051f34;
  --color-danger: #b5464c;
  --color-focus: #2f8fd1;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --radius-sm: 6px;
  --radius-md: 9px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 999px;
  --shadow-card: 0 2px 4px #17344003;
  --shadow-float: 0 12px 40px #1734401c;
  --sidebar-width: 238px;
  --topbar-height: 78px;
  --content-max: 1600px;
  --control-height: 40px;
  --icon-size: 19px;
  --font-xs: 12px;
  --font-sm: 13px;
  --font-base: 15px;
  --font-md: 16px;
  --font-lg: 20px;
  --font-xl: 28px;
  --font-metric: 30px;
  --duration: 160ms;
}