:root {
  /* Visus brand palette */
  --visus-bg: #f0f0f0;
  --visus-surface: #ffffff;
  --visus-lime: #a5eb64;
  --visus-green: #7abe64;
  --visus-teal: #377364;
  --visus-navy: #003a5f;
  --visus-red: #b41637;

  --color-primary: var(--visus-teal);
  --color-primary-hover: #2f6559;
  --color-primary-active: var(--visus-navy);
  --color-accent: var(--visus-lime);
  --color-bg: var(--visus-bg);
  --color-surface: var(--visus-surface);
  --color-border: #e2e8ec;
  --color-text: var(--visus-navy);
  --color-muted: #5a6b7a;
  --color-danger: var(--visus-red);
  --color-success: var(--visus-green);

  --status-pendente-bg: rgba(165, 235, 100, 0.35);
  --status-pendente-text: #2d5a28;
  --status-executando-bg: rgba(180, 22, 55, 0.14);
  --status-executando-text: var(--visus-red);
  --status-finalizado-bg: rgba(122, 190, 100, 0.35);
  --status-finalizado-text: #245a38;

  --sidebar-bg: var(--visus-navy);
  --sidebar-w: 256px;
  --topbar-h: 64px;
  --radius: 16px;
  --radius-sm: 8px;
  --radius-pill: 999px;
  --shadow: 0 2px 8px rgba(0, 58, 95, 0.06);
  --shadow-md: 0 8px 24px rgba(0, 58, 95, 0.1);
  --shadow-lg: 0 16px 40px rgba(0, 58, 95, 0.12);
  --font: "Segoe UI", Inter, system-ui, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --color-row-hover: rgba(55, 115, 100, 0.06);
  --color-chip-bg: rgba(55, 115, 100, 0.08);
  --color-chip-border: rgba(55, 115, 100, 0.15);
  --color-overlay: rgba(0, 58, 95, 0.55);
}

[data-theme="dark"] {
  --color-bg: #070f1a;
  --color-surface: #0f1c2e;
  --color-border: #1a3048;
  --color-text: #e8eef4;
  --color-muted: #8fa3b8;
  --color-primary-hover: #4a9588;
  --color-row-hover: rgba(165, 235, 100, 0.06);
  --color-chip-bg: rgba(55, 115, 100, 0.18);
  --color-chip-border: rgba(122, 190, 100, 0.25);
  --color-overlay: rgba(0, 0, 0, 0.72);

  --status-pendente-bg: rgba(165, 235, 100, 0.18);
  --status-pendente-text: #c8f0a0;
  --status-executando-bg: rgba(180, 22, 55, 0.22);
  --status-executando-text: #ff8fa3;
  --status-finalizado-bg: rgba(122, 190, 100, 0.2);
  --status-finalizado-text: #a8e088;

  --sidebar-bg: #041018;
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.55);
}