/* ===============================================
   Professional Dark Blue-Black Gradient Theme Color Palette (Global)
   =============================================== */
:root {
  /* Background Layers - Dark Blue-Black Gradient */
  --dark-bg-primary: #0a0f1c;
  --dark-bg-secondary: #141a2e;
  --dark-bg-tertiary: #1e2640;
  --dark-bg-quaternary: #283252;

  /* Text - Light tones for dark backgrounds */
  --dark-text-primary: #ffffff;
  --dark-text-secondary: #e8f0ff;
  --dark-text-muted: #94a8c4;
  --dark-text-disabled: #64748b;

  /* Accents - Blue-Black Gradient Accents */
  --dark-accent-primary: #3b82f6;
  --dark-accent-secondary: #1e293b;
  --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 - Blue-Black Gradient Combinations */
  --dark-gradient-primary: linear-gradient(135deg, #0a0f1c 0%, #000000 100%);
  --dark-gradient-secondary: linear-gradient(135deg, #141a2e 0%, #0a0a0a 100%);
  --dark-gradient-accent: linear-gradient(135deg, #3b82f6 0%, #000000 100%);
  --dark-gradient-success: linear-gradient(135deg, #10b981 0%, #047857 100%);
  --dark-gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  --dark-gradient-error: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  --dark-gradient-purple: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);

  /* Special Blue-Black Gradients */
  --dark-gradient-blue-black: linear-gradient(135deg, #2563eb 0%, #000000 100%);
  --dark-gradient-black-blue: linear-gradient(135deg, #000000 0%, #2563eb 100%);
  --dark-gradient-diagonal: linear-gradient(45deg, #1e40af 0%, #000000 50%, #1e40af 100%);

  /* Borders - Blue-Black Gradient Borders */
  --dark-border-primary: #344055;
  --dark-border-secondary: #404c65;

  /* Shadows & Glow - Blue-Black Mixed */
  --dark-shadow-sm: 0 2px 4px rgba(10, 15, 28, 0.6);
  --dark-shadow-md: 0 4px 8px rgba(10, 15, 28, 0.7);
  --dark-shadow-lg: 0 8px 16px rgba(10, 15, 28, 0.8);
  --dark-shadow-xl: 0 16px 32px rgba(10, 15, 28, 0.85);
  --dark-shadow-2xl: 0 32px 64px rgba(10, 15, 28, 0.9);
  --dark-glow-primary: 0 0 20px rgba(59, 130, 246, 0.4);
  --dark-glow-secondary: 0 0 20px rgba(0, 0, 0, 0.6);

  /* Blue-Black Gradient Glow Effects */
  --dark-glow-blue-black: 0 0 30px rgba(59, 130, 246, 0.3), 0 0 40px rgba(0, 0, 0, 0.4);
  --dark-glow-black-blue: 0 0 30px rgba(0, 0, 0, 0.4), 0 0 40px rgba(59, 130, 246, 0.3);

  /* Overlays - Blue-Black Overlays */
  --dark-overlay-light: rgba(192, 224, 255, 0.08);
  --dark-overlay-medium: rgba(192, 224, 255, 0.15);
  --dark-overlay-heavy: rgba(10, 15, 28, 0.80);
  --dark-overlay-accent: rgba(59, 130, 246, 0.15);
  --dark-overlay-black: rgba(0, 0, 0, 0.25);

  /* 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(10, 15, 28, 0.5);
  --dark-shadow-primary: 0 4px 8px rgba(59, 130, 246, 0.4);
  --dark-shadow-black: 0 4px 8px rgba(0, 0, 0, 0.6);

  /* Additional Borders */
  --dark-border-accent: rgba(59, 130, 246, 0.4);
  --dark-border-black: rgba(0, 0, 0, 0.4);
  --dark-border-gradient: linear-gradient(90deg, rgba(59, 130, 246, 0.6), rgba(0, 0, 0, 0.6));

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

  /* 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(192, 224, 255, 0.4);
  --loading-border-gradient: linear-gradient(90deg, rgba(59, 130, 246, 0.6), rgba(0, 0, 0, 0.6));

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

  /* Blue-Black RGBA Values */
  --rgba-blue-10: rgba(59, 130, 246, 0.1);
  --rgba-blue-20: rgba(59, 130, 246, 0.2);
  --rgba-pure-black-10: rgba(0, 0, 0, 0.1);
  --rgba-pure-black-20: rgba(0, 0, 0, 0.2);

  /* Legacy Support Colors */
  --legacy-border: #99bbcc;
  --legacy-text-dark: #0a0f1c;
  --legacy-bg-light: #f5f8ff;
  --legacy-bg-error-light: #fef2f2;
  --legacy-bg-success-light: #dcfce7;
  --legacy-bg-warning-light: #fef3c7;
  --legacy-text-success-dark: #166534;
}