/* ===============================================
   Professional Dark Theme Color Palette (Global)
   =============================================== */
:root {
  /* Background Layers */
  --dark-bg-primary: #0a0f1c;
  --dark-bg-secondary: #1a1f2e;
  --dark-bg-tertiary: #2a2f3e;
  --dark-bg-quaternary: #3a3f4e;

  /* Text */
  --dark-text-primary: #ffffff;
  --dark-text-secondary: #e2e8f0;
  --dark-text-muted: #94a3b8;
  --dark-text-disabled: #64748b;

  /* Accents */
  --dark-accent-primary: #3b82f6;
  --dark-accent-secondary: #6366f1;
  --dark-accent-success: #10b981;
  --dark-accent-warning: #f59e0b;
  --dark-accent-error: #ef4444;
  --dark-accent-purple: #8b5cf6;

  /* Optional product accents */
  --dark-accent-lol: #c89b3c;
  --dark-accent-valorant: #ff4655;
  --dark-accent-cs2: #f79100;

  /* Gradients */
  --dark-gradient-primary: linear-gradient(135deg, #1a1f2e 0%, #0a0f1c 100%);
  --dark-gradient-secondary: linear-gradient(135deg, #2a2f3e 0%, #1a1f2e 100%);
  --dark-gradient-accent: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  --dark-gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);
  --dark-gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  --dark-gradient-error: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);
  --dark-gradient-purple: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);

  /* Borders */
  --dark-border-primary: #374151;
  --dark-border-secondary: #4b5563;

  /* Shadows & Glow */
  --dark-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.5);
  --dark-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.6);
  --dark-shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.7);
  --dark-shadow-xl: 0 16px 32px rgba(0, 0, 0, 0.8);
  --dark-shadow-2xl: 0 32px 64px rgba(0, 0, 0, 0.9);
  --dark-glow-primary: 0 0 20px rgba(59, 130, 246, 0.3);

  /* Overlays */
  --dark-overlay-light: rgba(255, 255, 255, 0.05);
  --dark-overlay-medium: rgba(255, 255, 255, 0.10);
  --dark-overlay-heavy: rgba(0, 0, 0, 0.70);
  --dark-overlay-accent: rgba(59, 130, 246, 0.12);

  /* Typography */
  --font-primary: 'Inter', 'Poppins', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-secondary: 'Roboto', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', Consolas, monospace;

  /* Radius */
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
  --border-radius-xl: 16px;
  --border-radius-full: 9999px;

  /* Transitions */
  --transition-normal: 0.3s;
  --transition-bounce: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  /* Additional Shadows */
  --dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
  --dark-shadow-primary: 0 4px 8px rgba(59, 130, 246, 0.3);

  /* Additional Borders */
  --dark-border-accent: rgba(59, 130, 246, 0.3);

  /* Glow Effects */
  --dark-glow-success: 0 0 20px rgba(16, 185, 129, 0.3);
  --dark-glow-warning: 0 0 20px rgba(245, 158, 11, 0.3);
  --dark-glow-error: 0 0 20px rgba(239, 68, 68, 0.3);
  --dark-glow-purple: 0 0 20px rgba(139, 92, 246, 0.3);

  /* Backdrop Blur */
  --dark-backdrop-blur: blur(10px);

  /* Layout */
  --section-padding: 100px 0;

  /* Brand Colors */
  --brand-discord: #5865f2;
  --brand-twitter: #1da1f2;
  --brand-facebook: #4267b2;
  --brand-linkedin: #0077b5;
  --brand-whatsapp: #25d366;

  /* Game Rank Colors */
  --rank-iron: linear-gradient(135deg, #8b7355, #a0845c);
  --rank-bronze: linear-gradient(135deg, #cd7f32, #b8860b);
  --rank-silver: linear-gradient(135deg, #c0c0c0, #e6e6e6);
  --rank-gold: linear-gradient(135deg, #c89b3c, #f0e68c);
  --rank-platinum: linear-gradient(135deg, #b9f2ff, #0ea5e9);
  --rank-diamond: linear-gradient(135deg, #b9f2ff, #0ea5e9);
  --rank-immortal: linear-gradient(135deg, #ff4655, #ff6b7a);
  --rank-radiant: linear-gradient(135deg, #ff4655, #ff6b7a);
  --rank-challenger: linear-gradient(135deg, #c89b3c, #f0e68c);
  --rank-global: linear-gradient(135deg, #f79100, #ffa500);
  --rank-master: linear-gradient(135deg, #7c3aed, #a855f7);
  --rank-predator: linear-gradient(135deg, #ff6600, #ff8533);

  /* Loading Animation Colors */
  --loading-border: rgba(255, 255, 255, 0.3);

  /* Common RGBA Values */
  --rgba-black-10: rgba(0, 0, 0, 0.1);
  --rgba-black-15: rgba(0, 0, 0, 0.15);
  --rgba-black-20: rgba(0, 0, 0, 0.2);
  --rgba-black-30: rgba(0, 0, 0, 0.3);
  --rgba-white-05: rgba(255, 255, 255, 0.05);
  --rgba-white-10: rgba(255, 255, 255, 0.10);
  --rgba-white-20: rgba(255, 255, 255, 0.20);

  /* Legacy Support Colors */
  --legacy-border: #ccc;
  --legacy-text-dark: #000;
  --legacy-bg-light: #ffffff;
  --legacy-bg-error-light: #fef2f2;
  --legacy-bg-success-light: #dcfce7;
  --legacy-bg-warning-light: #fef3c7;
  --legacy-text-success-dark: #166534;
}