:root {
  /* Cores - Premium SaaS Black Base */
  --navy-900: #000000; /* Fundo mais escuro absoluto */
  --navy-800: #0A0A0A; /* Fundo principal / Background */
  --navy-700: #121212; /* Superfícies/Cards/Sidebar */
  --navy-500: #1E1E1E; /* Bordas e Hover states */
  
  /* Cores - Laranja Primordial Identity */
  --orange-500: #E86114; /* Assinatura Visual */
  --orange-600: #FF7B33; /* Hover */
  --orange-100: rgba(232, 97, 20, 0.08); /* Glow de fundo muito sutil */
  
  /* Tons de Cinza/Texto */
  --gray-50:  #0A0A0A; /* Override background */
  --gray-100: #171717;
  --gray-200: rgba(255, 255, 255, 0.05); /* Bordas discretas */
  --gray-300: #27272A;
  --gray-400: #A1A1AA; /* Textos secundários, Labels compactas */
  --gray-500: #71717A;
  --gray-700: #D4D4D8; /* Body text */
  --gray-900: #FFFFFF; /* Títulos fortes e números de dashboard */
  --white: #FFFFFF;
  
  /* Cores de Status Premium (mais discretas) */
  --green-500: #10B981;
  --green-100: rgba(16, 185, 129, 0.1);
  --red-500: #E11D48;
  --red-100: rgba(225, 29, 72, 0.1);
  --blue-100: rgba(59, 130, 246, 0.1);
  
  /* Efeitos Tecnológicos / Glassmorphism / Shadows */
  --glass-bg: rgba(18, 18, 18, 0.5);
  --glass-border: rgba(255, 255, 255, 0.03);
  --glow-orange: 0 0 30px rgba(232, 97, 20, 0.15);
  --shadow-tech: 0 20px 40px rgba(0, 0, 0, 0.6);
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.3);
  --shadow-md: var(--shadow-tech);
  --shadow-lg: 0 30px 60px rgba(0, 0, 0, 0.8);

  /* Tipografia: Foco total em Inter (ou substituto local) com pesos variados */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 2.25rem;
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Borders / Radius - Moderno e sofisticado (não excessivo) */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  /* Transitions - Spring-like Motion & Cinematográfico */
  --transition-fast: 150ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-base: 250ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 400ms cubic-bezier(0.16, 1, 0.3, 1);
  
  /* Layout */
  --sidebar-width: 280px;
  --sidebar-collapsed: 80px;
  --topbar-height: 72px;
}

/* ----------------------------------
   THEME LIGHT (Premium Light Mode)
   ---------------------------------- */
body.theme-light {
  /* Fundo principal e Superfícies */
  --navy-900: #FFFFFF; /* Sidebar e fundos escuros viram branco */
  --navy-800: #F7F8FA; /* Fundo principal */
  --navy-700: #FFFFFF; /* Cards e Elementos elevados */
  --navy-500: #E5E7EB; /* Bordas suaves e divisórias */
  
  /* Laranja Primordial continua o mesmo (Assinatura) */
  --orange-500: #E86114;
  --orange-600: #D05310;
  --orange-100: rgba(232, 97, 20, 0.1); 
  
  /* Textos e Tons Neutros Invertidos */
  --gray-50:  #FFFFFF; 
  --gray-100: #F3F4F6;
  --gray-200: #D1D5DB; 
  --gray-300: #9CA3AF;
  --gray-400: #6B7280; 
  --gray-500: #4B5563;
  --gray-700: #374151; /* Texto secundário */
  --gray-900: #111827; /* Títulos fortes e destaques */
  
  /* A variável "white" continua como branca para botões laranjas/vermelhos manterem a fonte branca,
     mas para fundos gerais, as classes foram mapeadas usando navy/gray */
  --white: #FFFFFF;
  
  /* Efeitos e Sombras adaptados para o fundo claro */
  --glass-bg: rgba(255, 255, 255, 0.7);
  --glass-border: rgba(0, 0, 0, 0.05);
  --glow-orange: 0 0 20px rgba(232, 97, 20, 0.2);
  --shadow-tech: 0 10px 30px rgba(0, 0, 0, 0.08);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.12);
}

/* Ajustes Específicos do Light Mode para Componentes que usavam cor chumbada */
body.theme-light .card-title,
body.theme-light .modal-title,
body.theme-light .empty-state-title,
body.theme-light .login-brand-name,
body.theme-light .stat-card-value,
body.theme-light .section-title,
body.theme-light .action-card-content h3,
body.theme-light .preview-info-item span,
body.theme-light .sucesso-detail-value,
body.theme-light .table tbody tr:hover td {
  color: var(--gray-900);
}

body.theme-light .btn-ghost:hover:not(:disabled) {
  background-color: rgba(0, 0, 0, 0.05);
  color: var(--gray-900);
}

body.theme-light .btn-secondary {
  background-color: transparent;
  border-color: var(--gray-300);
  color: var(--gray-700);
}

body.theme-light .btn-secondary:hover:not(:disabled) {
  background-color: rgba(0, 0, 0, 0.03);
  border-color: var(--gray-400);
  color: var(--gray-900);
}

body.theme-light .card:hover,
body.theme-light .stat-card:hover,
body.theme-light .action-card:hover {
  border-color: rgba(232, 97, 20, 0.3);
}

body.theme-light .form-input,
body.theme-light .form-select {
  background-color: #FFFFFF;
  color: var(--gray-900);
}

body.theme-light .form-input:focus,
body.theme-light .form-select:focus {
  background-color: #FFFFFF;
}

body.theme-light .sidebar {
  background-color: #FFFFFF;
  border-right: 1px solid var(--navy-500);
}

body.theme-light .sidebar-nav-text,
body.theme-light .sidebar-logo-name,
body.theme-light .sidebar-logo-subtitle {
  color: var(--gray-700);
}

body.theme-light .sidebar-nav-icon {
  color: var(--gray-500);
}

body.theme-light .sidebar-nav-item:hover,
body.theme-light .sidebar-nav-item.active {
  background-color: rgba(232, 97, 20, 0.08);
  color: var(--orange-500);
}

body.theme-light .sidebar-nav-item:hover .sidebar-nav-icon,
body.theme-light .sidebar-nav-item.active .sidebar-nav-icon {
  color: var(--orange-500);
}

body.theme-light .sidebar-header {
  border-bottom: 1px solid var(--navy-500);
}

body.theme-light .topbar {
  background: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid var(--navy-500);
}

body.theme-light .topbar-title {
  color: var(--gray-900);
}

body.theme-light .table th {
  background-color: var(--gray-100);
  color: var(--gray-500);
}

body.theme-light .table tbody tr:hover {
  background-color: var(--orange-100);
}

body.theme-light .toast {
  background: rgba(255, 255, 255, 0.95);
  color: var(--gray-900);
}

/* Ajuste Específico da Tela de Login para Light Mode */
body.theme-light .login-page {
  background: linear-gradient(rgba(247, 248, 250, 0.95), rgba(255, 255, 255, 0.98)), url('../back.png') center/cover no-repeat;
}
body.theme-light .login-form-container {
  background: rgba(255, 255, 255, 0.7);
}
body.theme-light .login-visuals h1 {
  color: var(--orange-500);
}
body.theme-light .login-visuals::before {
  background-image: 
    linear-gradient(rgba(0, 0, 0, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, 0.03) 1px, transparent 1px);
}
body.theme-light .login-card .form-input:hover {
  background-color: #FFFFFF;
}