/* ==========================================================================
   VARIABLES & BASE RESETS — Nexus Multi-Tenant Design System
   Arquivo fatiado < 60 linhas
   ========================================================================== */

:root {
  --bg-deep: #08080a;
  --bg-surface: #0f1015;
  --bg-elevated: #151720;
  --card-bg: rgba(21, 23, 32, 0.75);
  --card-border: rgba(197, 160, 89, 0.18);
  --card-border-hover: rgba(197, 160, 89, 0.45);
  
  --gold-primary: #c5a059;
  --gold-light: #f1e3ad;
  --gold-dark: #997836;
  --gold-glow: rgba(197, 160, 89, 0.25);
  --gold-gradient: linear-gradient(135deg, #f1e3ad 0%, #c5a059 50%, #997836 100%);
  
  --text-primary: #ffffff;
  --text-secondary: #9ca3af;
  --text-muted: #6b7280;
  
  --success: #10b981;
  --warning: #f59e0b;
  --danger: #ef4444;
  --info: #3b82f6;

  --sidebar-width: 260px;
  --header-height: 72px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background-color: var(--bg-deep);
  color: var(--text-primary);
  min-height: 100vh;
  overflow-x: hidden;
  background-image: 
    radial-gradient(circle at 10% 10%, rgba(197, 160, 89, 0.05) 0%, transparent 40%),
    radial-gradient(circle at 90% 90%, rgba(59, 130, 246, 0.03) 0%, transparent 40%);
}

/* Custom Scrollbars */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--bg-deep); }
::-webkit-scrollbar-thumb { background: var(--card-border); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--gold-primary); box-shadow: 0 0 10px var(--gold-glow); }