/* theme.css (novo — modelo "dark sidebar + light content") */
:root{
  /* Base (conteúdo claro) */
  --bg: #E9EEF3;          /* fundo principal */
  --bg2: #F2F5F8;         /* variação suave */
  --panel: #FFFFFF;       /* painel/topbar */
  --card: #FFFFFF;        /* cards */

  --text: #1E2A35;        /* texto principal */
  --muted: #6B7A88;       /* texto secundário */
  --line: #D6DEE6;        /* bordas/divisórias */

  /* Sidebar (azul petróleo escuro) */
  --side-bg: #0E2A3B;
  --side-card: rgba(255,255,255,.06);
  --side-text: rgba(255,255,255,.90);
  --side-muted: rgba(255,255,255,.62);
  --side-line: rgba(255,255,255,.10);

  /* Accent (amarelo/laranja do modelo) */
  --accent: #F5A623;
  --accent2:#E89412;      /* hover */
  --accent3:#2DBE8D;      /* cor extra (ex: gráfico/sucesso) */

  /* Status */
  --ok: #2DBE8D;
  --warn: #F59E0B;
  --danger:#E25555;

  /* Radius / Shadow */
  --r-xl: 18px;
  --r-lg: 14px;
  --r-md: 12px;
  --shadow: 0 12px 30px rgba(15,23,42,.10);
}

/* Fundo CLARO (remove o “lavanda” e fica igual a imagem) */
body{
  background: linear-gradient(180deg, var(--bg), var(--bg2));
  color: var(--text);
}