:root {
  /* Torre de controle — tema escuro único e deliberado.
     Navy Transleal aprofundado como ground; laranja como único acento vivo. */
  --color-bg: #0a1022;
  --color-panel: rgba(15, 23, 50, 0.78);
  --color-panel-solid: #101830;
  --color-panel-border: rgba(148, 168, 220, 0.16);
  --color-panel-hover: rgba(148, 168, 220, 0.08);
  --color-text: #e9eef9;
  --color-text-muted: #93a4c6;
  --color-navy: #14275a;
  --color-accent: #f29b1d;
  --color-accent-soft: rgba(242, 155, 29, 0.16);
  --color-cobertura: rgba(107, 140, 230, 0.35);

  /* Status (sobre superfícies escuras — contraste ≥4.5 no painel) */
  --status-disponivel: #37d97f;
  --status-disponivel-bg: rgba(55, 217, 127, 0.14);
  --status-rota: #f2b04a;
  --status-rota-bg: rgba(242, 176, 74, 0.14);
  --status-carregamento: #a7b6d9;
  --status-carregamento-bg: rgba(151, 167, 201, 0.16);

  /* Tipografia */
  --font-ui: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SF Mono", Menlo, monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-base: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-kpi: clamp(1.375rem, 1.1rem + 1vw, 1.75rem);

  /* Espaçamento e forma */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-pill: 999px;
  --shadow-panel: 0 8px 32px rgba(3, 7, 20, 0.55);
  --shadow-glow-accent: 0 0 0 2px rgba(242, 155, 29, 0.35), 0 4px 18px rgba(242, 155, 29, 0.25);
  --blur-panel: blur(14px) saturate(140%);

  /* Movimento */
  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}