/**
 * Dark Blue Theme - Luxury Blue
 * Premium dark blue casino theme
 */

html[data-theme="dark-blue"] {
  /* Brand Colors - Blue palette */
  --theme-brand-primary: #3b82f6;
  --theme-brand-primary-hover: #60a5fa;
  --theme-brand-accent: #2563eb;
  --theme-brand-primary-contrast: #FFFFFF;

  /* Backgrounds - Blue-tinted dark */
  --theme-bg-primary: #0a0e1a;
  --theme-bg-secondary: #0f1729;
  --theme-surface-base: rgba(15, 23, 42, 0.8);
  --theme-surface-raised: rgba(30, 41, 59, 0.5);
  --theme-surface-elevated: rgba(51, 65, 85, 0.6);
  --dropdown-bg: #1a2744;

  /* Text */
  --theme-text-primary: rgba(255, 255, 255, 0.95);
  --theme-text-secondary: rgb(226, 232, 240);
  --theme-text-tertiary: rgb(148, 163, 184);
  --theme-text-muted: rgb(100, 116, 139);

  /* Borders */
  --theme-border-base: rgba(51, 65, 85, 0.5);
  --theme-border-subtle: rgba(71, 85, 105, 0.3);
  --theme-border-accent: rgba(59, 130, 246, 0.3);

  /* Semantic Colors */
  --theme-semantic-success: rgb(34, 197, 94);
  --theme-semantic-success-hover: rgb(22, 163, 74);
  --theme-semantic-warning: rgb(251, 191, 36);
  --theme-semantic-warning-hover: rgb(245, 158, 11);
  --theme-semantic-error: rgb(239, 68, 68);
  --theme-semantic-error-hover: rgb(220, 38, 38);
  --theme-semantic-info: rgb(139, 92, 246);
  --theme-semantic-info-hover: rgb(124, 58, 237);

  /* Casino Special Colors - Blue-themed variants */
  --theme-special-gold: #fbbf24;
  --theme-special-gold-light: #fcd34d;
  --theme-special-gold-dark: #f59e0b;
  --theme-special-vip: #8b5cf6;
  --theme-special-vip-dark: #7c3aed;
  --theme-special-cash: #10b981;
  --theme-special-cash-dark: #059669;
  --theme-special-bonus: #fbbf24;
  --theme-special-bonus-dark: #f59e0b;

  /* Interactive States */
  --theme-hover-overlay: rgba(59, 130, 246, 0.08);
  --theme-active-overlay: rgba(59, 130, 246, 0.15);
  --theme-focus-ring: rgba(59, 130, 246, 0.5);

  /* Shadows */
  --theme-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  --theme-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
  --theme-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.6);
  --theme-shadow-glow: 0 0 20px rgba(59, 130, 246, 0.3);

  /* ========================================
     CARD VARIANTS (Semantic Token Overrides)
     ======================================== */
  /* Success Card - Teal/Green */
  --card-success-bg-from: rgba(16, 185, 129, 0.15);
  --card-success-bg-to: rgba(16, 185, 129, 0.08);
  --card-success-border: rgba(16, 185, 129, 0.3);
  --card-success-icon-bg: rgba(16, 185, 129, 0.2);
  --card-success-hover-glow: rgba(16, 185, 129, 0.25);

  /* Warning Card - Amber */
  --card-warning-bg-from: rgba(251, 191, 36, 0.15);
  --card-warning-bg-to: rgba(251, 191, 36, 0.08);
  --card-warning-border: rgba(251, 191, 36, 0.3);
  --card-warning-icon-bg: rgba(251, 191, 36, 0.2);
  --card-warning-hover-glow: rgba(251, 191, 36, 0.25);

  /* Info Card - Blue (matches brand) */
  --card-info-bg-from: rgba(59, 130, 246, 0.15);
  --card-info-bg-to: rgba(59, 130, 246, 0.08);
  --card-info-border: rgba(59, 130, 246, 0.3);
  --card-info-icon-bg: rgba(59, 130, 246, 0.2);
  --card-info-hover-glow: rgba(59, 130, 246, 0.25);

  /* Primary Card - Blue (matches brand) */
  --card-primary-bg-from: rgba(59, 130, 246, 0.15);
  --card-primary-bg-to: rgba(59, 130, 246, 0.08);
  --card-primary-border: rgba(59, 130, 246, 0.3);
  --card-primary-icon-bg: rgba(59, 130, 246, 0.2);
  --card-primary-hover-glow: rgba(59, 130, 246, 0.25);

  /* ========================================
     BADGE VARIANTS
     ======================================== */
  --badge-orange-bg: var(--theme-brand-primary);
  --badge-orange-text: #ffffff;

  --badge-gold-bg: var(--theme-special-gold);
  --badge-gold-text: #0a0e1a;

  --badge-vip-bg: var(--theme-special-vip);
  --badge-vip-text: #ffffff;

  /* ========================================
     BUTTON SEMANTIC COLORS
     ======================================== */
  --button-primary-bg: var(--theme-brand-primary);
  --button-primary-hover: var(--theme-brand-primary-hover);
  --button-primary-text: #ffffff;

  --button-success-bg: var(--theme-semantic-success);
  --button-success-hover: var(--theme-semantic-success-hover);
  --button-success-text: #ffffff;

  --button-warning-bg: var(--theme-semantic-warning);
  --button-warning-hover: var(--theme-semantic-warning-hover);
  --button-warning-text: #0a0e1a;

  --button-error-bg: var(--theme-semantic-error);
  --button-error-hover: var(--theme-semantic-error-hover);
  --button-error-text: #ffffff;

  --button-secondary-bg: var(--theme-surface-elevated);
  --button-secondary-hover: var(--theme-surface-raised);
  --button-secondary-text: var(--theme-text-primary);

  /* ========================================
     INPUT FIELDS
     ======================================== */
  --input-bg: var(--theme-surface-raised);
  --input-border: var(--theme-border-base);
  --input-border-focus: var(--theme-brand-primary);
  --input-text: var(--theme-text-primary);
  --input-placeholder: var(--theme-text-muted);

  /* ========================================
     MODAL & OVERLAY
     ======================================== */
  --modal-bg: var(--theme-surface-base);
  --modal-border: var(--theme-border-base);
  --modal-overlay: rgba(10, 14, 26, 0.85);
  --modal-header-bg: var(--theme-surface-elevated);

  /* ========================================
     NAVIGATION
     ======================================== */
  --nav-bg: var(--theme-surface-base);
  --nav-border: var(--theme-border-base);
  --nav-item-hover: var(--theme-hover-overlay);
  --nav-item-active: var(--theme-brand-primary);
  --nav-item-text: var(--theme-text-secondary);
  --nav-item-text-active: var(--theme-brand-primary);

  /* ========================================
     PROGRESS & METERS
     ======================================== */
  --progress-bg: var(--theme-surface-raised);
  --progress-fill-success: var(--theme-semantic-success);
  --progress-fill-warning: var(--theme-semantic-warning);
  --progress-fill-primary: var(--theme-brand-primary);

  /* ========================================
     CASINO-SPECIFIC
     ======================================== */
  --balance-cash-color: var(--theme-special-cash);
  --balance-bonus-color: var(--theme-special-bonus);
  --balance-total-color: var(--theme-text-primary);

  --game-jackpot-color: var(--theme-special-gold);
  --game-hot-color: var(--theme-semantic-error);
  --game-new-color: var(--theme-brand-primary);
  --game-card-gradient-overlay: linear-gradient(
    rgba(0, 0, 0, 0) 14.29%,
    rgba(35, 36, 54, 0.96) 69.33%,
    #191a27
  );
  --game-card-hover-overlay-bg: rgba(17, 18, 30, 0.8);
  --game-card-provider-text: rgba(255, 255, 255, 0.5);

  /* ========================================
     SCROLLBAR
     ======================================== */
  --scrollbar-track-bg: var(--theme-bg-secondary);
  --scrollbar-thumb-bg: var(--theme-surface-elevated);
  --scrollbar-thumb-hover-bg: var(--theme-border-base);

  /* ========================================
     LUXURY METALLICS - Cool tones for blue theme
     ======================================== */
  --theme-luxury-platinum: #E5E4E2;
  --theme-luxury-rose-gold: #9B8A8A;
  --theme-luxury-champagne: #D4D4D4;

  /* VIP Tier Colors */
  --theme-vip-bronze: #CD7F32;
  --theme-vip-silver: #C0C0C0;
  --theme-vip-gold: #FFD700;
  --theme-vip-platinum: #E5E4E2;
  --theme-vip-diamond: #B9F2FF;

  /* Premium Effects */
  --theme-card-premium-glow: 0 0 30px rgba(59, 130, 246, 0.4);

  /* Enhanced Gold */
  --theme-special-gold-rich: #D4AF37;
  --theme-special-gold-rich-light: #E5C158;
}