/* =====================================================
   Theme 20: 梦幻紫 Dream Purple
   深色配色方案 - Dark Upgrade
   ===================================================== */

:root {
  /* === 三层背景体系 === */
  --color-body-bg: #0F001A;
  --color-bg: #1A0028;
  --color-surface: #1A0028;
  --color-surface-2: #260040;

  /* === 品牌色 === */
  --color-primary: #6200EA;
  --color-secondary: #FF4081;
  --color-accent: #00E5FF;
  --color-text: #E1BEE7;
  --color-heading: #FFFFFF;
  --color-link: #B388FF;
  --color-link-hover: #D500F9;

  /* === Hero背景（渐变+图片+遮罩） === */
  --hero-bg: linear-gradient(135deg, #6200EA 0%, #AA00FF 25%, #2979FF 50%, #00E5FF 75%, #76FF03 100%);
  --hero-bg-image: url('/wp-content/themes/slots-master/assets/images/casino-bg/casino-20.jpg');
  --hero-bg-overlay: linear-gradient(135deg, rgba(15,0,26,0.82) 0%, rgba(26,0,40,0.68) 100%);
  --hero-glow: radial-gradient(circle at 50% 50%, rgba(98,0,234,0.15) 0%, transparent 60%);
  --hero-title-color: #FFFFFF;
  --hero-subtitle-color: #E1BEE7;
  --hero-tag-bg: rgba(98,0,234,0.15);
  --hero-tag-color: #B388FF;
  --hero-tag-border: 1px solid rgba(255,64,129,0.25);

  /* === CTA按钮 === */
  --btn-register-bg: linear-gradient(135deg, #6200EA, #AA00FF);
  --btn-register-color: #FFFFFF;
  --btn-register-hover: linear-gradient(135deg, #8E24FF, #D500F9);
  --btn-download-bg: transparent;
  --btn-download-border: 2px solid #00E5FF;
  --btn-download-color: #00E5FF;
  --btn-download-hover-bg: #00E5FF;
  --btn-download-hover-color: #0F001A;
  --btn-support-bg: rgba(255,255,255,0.08);
  --btn-support-color: #E1BEE7;
  --btn-support-hover-bg: rgba(255,255,255,0.15);

  /* === 导航栏按钮 === */
  --nav-btn-register-bg: #6200EA;
  --nav-btn-register-color: #FFFFFF;
  --nav-btn-download-bg: transparent;
  --nav-btn-download-border: 1px solid #00E5FF;
  --nav-btn-download-color: #00E5FF;

  /* === 滚动提示 === */
  --scroll-hint-color: #B388FF;
  --scroll-hint-animation: pulse;

  /* === 字体 === */
  --font-heading: 'Sora', sans-serif;
  --font-body: 'Comfortaa', sans-serif;

  /* === 圆角 === */
  --radius-button: 50px;
  --radius-card: 24px;
  --radius-tag: 50px;

  /* === 阴影 === */
  --shadow-sm: 0 0 10px rgba(98,0,234,0.15);
  --shadow-md: 0 0 20px rgba(255,64,129,0.2);
  --shadow-lg: 0 0 30px rgba(98,0,234,0.3);

  /* === 布局 === */
  --header-height: 64px;
  --header-bg: rgba(15,0,26,0.93);
  --header-border: 1px solid rgba(98,0,234,0.15);

  /* === 赌场装饰 === */
  --casino-decor-color: rgba(98,0,234,0.10);
  --casino-decor-accent: rgba(0,229,255,0.06);
}

/* ============ Hero & Navigation Enhancement ============ */
:root {
  --particle-color-1: rgba(98,0,234,0.5);
  --particle-color-2: rgba(255,64,129,0.3);
  --particle-shape: circle;
  --particle-line-color: rgba(98,0,234,0.06);
  --hero-title-gradient: linear-gradient(135deg, #FFFFFF 0%, #B388FF 30%, #FF4081 60%, #00E5FF 100%);
  --hero-visual-filter: drop-shadow(0 0 40px rgba(98,0,234,0.35));
  --hero-visual-glow: rgba(98,0,234,0.1);
  --stats-bar-bg: rgba(98,0,234,0.04);
  --stats-bar-border: rgba(255,64,129,0.12);
  --badge-bg: rgba(98,0,234,0.1);
  --badge-color: #B388FF;
  --badge-border: rgba(98,0,234,0.2);
  --nav-glass-bg: rgba(15,0,26,0.85);
  --btn-register-glow: rgba(98,0,234,0.3);
}