/* Consolidated Dark Theme Variables - Dark Space Purple & Pink */
:root {
  /* Background Colors */
  --primary-bg: #050208;
  --secondary-bg: #0a0510;
  --card-bg: #0f0a18;
  --bg: #050208;
  --bg-elev: #0a0510;
  --panel: #0a0510;
  --panel-2: #080410;
  --surface: #12091f;
  --surface-hover: #1a0f2a;
  
  /* Border Colors */
  --border: rgba(139, 92, 246, 0.12);
  
  /* Text Colors */
  --text-primary: #f8fafc;
  --text-secondary: #cbd5e1;
  --text-muted: #94a3b8;
  --text: #e2e8f0;
  --muted: #94a3b8;
  
  /* Accent Colors - Purple with Pink transparency */
  --accent-primary: rgba(139, 92, 246, 0.85);
  --accent-secondary: rgba(167, 139, 250, 0.85);
  --accent-tertiary: rgba(196, 181, 253, 0.85);
  --accent: rgba(139, 92, 246, 0.85);
  --primary: rgba(124, 58, 237, 0.85);
  --primary-2: rgba(109, 40, 217, 0.85);
  
  /* Accent Colors - Solid (for logos/icons) */
  --accent-solid: #8b5cf6;
  --primary-solid: #7c3aed;
  
  /* Status Colors */
  --success: #86efac;
  --warning: #fbbf24;
  --danger: #fca5a5;
  
  /* Gradients - Purple to Black */
  --gradient-primary: linear-gradient(135deg, rgba(139, 92, 246, 0.85) 0%, rgba(0, 0, 0, 0.9) 100%);
  --gradient-secondary: linear-gradient(135deg, rgba(167, 139, 250, 0.85) 0%, rgba(0, 0, 0, 0.9) 100%);
  --gradient-tertiary: linear-gradient(135deg, rgba(124, 58, 237, 0.85) 0%, rgba(0, 0, 0, 0.9) 100%);
  --accent-gradient: linear-gradient(135deg, rgba(139, 92, 246, 0.85) 0%, rgba(0, 0, 0, 0.9) 100%);
  
  /* Spacing & Layout */
  --section-padding: 100px 0;
  --container-padding: 0 20px;
  --border-radius: 12px;
  
  /* Animations */
  --transition-fast: 0.2s ease;
  --transition-medium: 0.4s ease;
  --transition-slow: 0.6s ease;
  
  /* Shadows */
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.2);
  --shadow-md: 0 10px 25px rgba(0,0,0,0.4);
  --shadow-lg: 0 20px 40px rgba(0,0,0,0.5);
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
  }
}

html, body {
  background: var(--bg);
  color: var(--text);
}

/* Basic elements to align with dark theme */
body { line-height: 1.6; }

a { color: var(--accent); }
hr { border-color: var(--border); }

.card, .panel, .container, .modal, .section, .header, .navbar {
  background-color: transparent;
}

/* Utility classes */
.bg-panel { background: var(--panel); }
.bg-elev { background: var(--bg-elev); }
.text-muted { color: var(--muted); }
.border { border: 1px solid var(--border); }
.shadow { box-shadow: 0 10px 25px rgba(0,0,0,0.4); }

/* Buttons baseline */
.btn, button {
  color: var(--text);
}

.btn-primary { background: linear-gradient(135deg, var(--primary), var(--primary-2)); border: 1px solid #4c1d95; }
.btn-secondary { background: transparent; border: 1px solid var(--border); }
.btn-outline { border: 1px solid var(--primary); color: var(--primary); background: transparent; }

/* Inputs baseline */
input, select, textarea {
  background: var(--panel-2);
  color: var(--text);
  border: 1px solid var(--border);
}

/* Tables */
table { border-color: var(--border); }
th, td { border-color: var(--border); }

/* Charts canvas backdrop for dark mode alignment */
canvas { background: transparent; }