:root {
  --cor-primaria: #0F4C5C;
  --cor-primaria-hover: #0D3F4D;
  --cor-primaria-light: #E8F4F8;
  --cor-destaque: #E9963A;
  --cor-destaque-hover: #D4852F;
  --cor-sucesso: #2E7D5B;
  --cor-sucesso-light: #E6F5EE;
  --cor-perigo: #C0392B;
  --cor-perigo-light: #FDE8E6;
  --cor-aviso: #F39C12;
  --cor-info: #3498DB;
  --cor-pausada: #6366F1;

  --cor-fundo: #FAF8F5;
  --cor-superficie: #FFFFFF;
  --cor-borda: #E5E2DD;
  --cor-texto: #1C1B1A;
  --cor-texto-secundario: #5A554F;
  --cor-texto-terciario: #8A847D;

  --espaco-xs: 4px;
  --espaco-sm: 8px;
  --espaco-md: 16px;
  --espaco-lg: 24px;
  --espaco-xl: 32px;
  --espaco-2xl: 48px;

  --fonte: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --t-xs: .75rem;
  --t-sm: .875rem;
  --t-base: 1rem;
  --t-lg: 1.125rem;
  --t-xl: 1.25rem;
  --t-2xl: 1.5rem;
  --t-3xl: 1.875rem;

  --sidebar-w: 260px;
  --sidebar-col: 64px;
  --topbar-h: 64px;

  --raio-sm: 6px;
  --raio-md: 8px;
  --raio-lg: 12px;
  --raio-full: 9999px;

  --sombra-sm: 0 1px 3px rgba(0,0,0,.08);
  --sombra-md: 0 4px 12px rgba(0,0,0,.10);
  --sombra-lg: 0 8px 24px rgba(0,0,0,.12);

  --transicao: 200ms ease;
}

[data-tema="escuro"] {
  --cor-fundo: #1C1B1A;
  --cor-superficie: #2A2826;
  --cor-borda: #3D3A37;
  --cor-texto: #F5F3F0;
  --cor-texto-secundario: #B5AFA8;
  --cor-texto-terciario: #7A746D;
  --cor-primaria-light: #1A3A44;
  --cor-sucesso-light: #1A3D2E;
  --cor-perigo-light: #3D1A17;
  --sombra-sm: 0 1px 3px rgba(0,0,0,.3);
  --sombra-md: 0 4px 12px rgba(0,0,0,.4);
  --sombra-lg: 0 8px 24px rgba(0,0,0,.5);
}