/**
 * 星耀娱乐 — 主题配色
 *
 * 主色 Primary   紫色系  强调、边框、光效
 * 次色 Secondary 金色系  品牌、CTA 辅助、高亮
 *
 * 修改本文件即可全局换色，index.html 通过 var() 引用
 */

:root {
  /* ── 主色 Primary（紫色） ── */
  --color-primary: #a855f7;
  --color-primary-light: #c084fc;
  --color-primary-dark: #7c3aed;
  --color-primary-rgb: 168, 85, 247;
  --color-primary-dark-rgb: 124, 58, 237;

  /* ── 次色 Secondary（金色） ── */
  --color-secondary: #f59e0b;
  --color-secondary-light: #fbbf24;
  --color-secondary-bright: #fde68a;
  --color-secondary-dark: #d97706;
  --color-secondary-rgb: 245, 158, 11;

  /* ── 强调 / CTA ── */
  --color-accent-pink: #ec4899;
  --color-accent-pink-rgb: 236, 72, 153;
  --color-cta: #f97316;
  --color-cta-rgb: 249, 115, 22;

  /* ── 背景 ── */
  --color-bg-void: #05010d;
  --color-bg-deep: #0a0118;
  --color-bg-surface: #110222;
  --color-bg-glass: rgba(25, 10, 55, 0.45);
  --color-bg-hero: rgba(18, 5, 40, 0.9);
  --color-bg-overlay: rgba(5, 1, 13, 0.75);
  --color-bg-overlay-heavy: rgba(5, 1, 13, 0.85);
  --color-on-gold: #1a0a00;

  /* ── 文字 ── */
  --color-text-white: #f8fafc;
  --color-text-primary: #e2e8f0;
  --color-text-secondary: #94a3b8;
  --color-text-muted: #64748b;

  /* ── 边框 ── */
  --color-border-subtle: rgba(var(--color-primary-rgb), 0.15);
  --color-border-glow: rgba(var(--color-primary-rgb), 0.35);
  --color-border-dashed: rgba(var(--color-primary-rgb), 0.35);
  --color-border-gold: rgba(var(--color-secondary-rgb), 0.3);

  /* ── 阴影 / 光晕 ── */
  --shadow-primary: 0 4px 15px rgba(var(--color-primary-rgb), 0.4);
  --shadow-primary-soft: 0 6px 20px rgba(var(--color-primary-rgb), 0.1);
  --shadow-primary-lg: 0 8px 24px rgba(var(--color-primary-rgb), 0.12);
  --shadow-secondary: 0 4px 15px rgba(var(--color-secondary-rgb), 0.4);
  --shadow-secondary-soft: 0 0 12px rgba(var(--color-secondary-rgb), 0.3);
  --shadow-hero: 0 25px 60px rgba(0, 0, 0, 0.5), 0 0 80px rgba(var(--color-primary-rgb), 0.08);

  /* ── 半透明叠加 ── */
  --overlay-primary-04: rgba(var(--color-primary-rgb), 0.04);
  --overlay-primary-06: rgba(var(--color-primary-rgb), 0.06);
  --overlay-primary-08: rgba(var(--color-primary-rgb), 0.08);
  --overlay-primary-10: rgba(var(--color-primary-rgb), 0.1);
  --overlay-primary-15: rgba(var(--color-primary-rgb), 0.15);
  --overlay-primary-20: rgba(var(--color-primary-rgb), 0.2);
  --overlay-primary-30: rgba(var(--color-primary-rgb), 0.3);
  --overlay-secondary-08: rgba(var(--color-secondary-rgb), 0.08);
  --overlay-secondary-15: rgba(var(--color-secondary-rgb), 0.15);
  --overlay-cta-20: rgba(var(--color-cta-rgb), 0.2);
  --overlay-pink-08: rgba(var(--color-accent-pink-rgb), 0.08);
  --overlay-pink-10: rgba(var(--color-accent-pink-rgb), 0.1);
  --overlay-pink-15: rgba(var(--color-accent-pink-rgb), 0.15);
  --overlay-primary-dark-12: rgba(var(--color-primary-dark-rgb), 0.12);
  --overlay-primary-dark-20: rgba(var(--color-primary-dark-rgb), 0.2);
  --overlay-primary-dark-30: rgba(var(--color-primary-dark-rgb), 0.3);
  --overlay-bg-60: rgba(5, 1, 13, 0.6);
  --overlay-bg-70: rgba(5, 1, 13, 0.7);
  --overlay-bg-95: rgba(5, 1, 13, 0.95);

  /* ── 渐变 ── */
  --gradient-primary: linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));
  --gradient-secondary: linear-gradient(135deg, var(--color-secondary-light), var(--color-secondary), var(--color-secondary-dark));
  --gradient-logo-text: linear-gradient(135deg, var(--color-secondary-bright), var(--color-secondary));
  --gradient-hero-title: linear-gradient(135deg, #fff, var(--color-primary-light), var(--color-secondary-bright));
  --gradient-top-accent: linear-gradient(90deg, var(--color-primary-dark), var(--color-primary), var(--color-accent-pink), var(--color-secondary), var(--color-primary));
  --gradient-bg-mesh:
    radial-gradient(ellipse 80% 60% at 10% 20%, var(--overlay-primary-dark-12), transparent),
    radial-gradient(ellipse 60% 50% at 85% 70%, var(--overlay-pink-08), transparent);
  --gradient-ticker: linear-gradient(90deg, var(--color-bg-void), var(--overlay-primary-06), var(--color-bg-void));
  --gradient-hero-wrapper: linear-gradient(180deg, var(--color-bg-hero), var(--overlay-bg-95));
  --gradient-hero-visual: linear-gradient(135deg, var(--overlay-primary-dark-30), var(--overlay-pink-15), var(--overlay-bg-60));
  --gradient-hero-fade: linear-gradient(180deg, transparent 50%, var(--overlay-bg-60));
  --gradient-badge: linear-gradient(135deg, var(--overlay-primary-20), var(--overlay-pink-15));
  --gradient-promo-strip: linear-gradient(135deg, var(--overlay-secondary-15), var(--overlay-pink-10));
  --gradient-promo-featured: linear-gradient(135deg, var(--overlay-secondary-08), var(--color-bg-glass));
  --gradient-game-thumb: linear-gradient(135deg, var(--overlay-primary-dark-20), var(--overlay-bg-60));

  /* ── 兼容别名（页面现有 var 引用） ── */
  --bg-void: var(--color-bg-void);
  --bg-deep: var(--color-bg-deep);
  --bg-surface: var(--color-bg-surface);
  --bg-glass: var(--color-bg-glass);
  --accent-primary: var(--color-primary);
  --accent-glow: var(--color-primary-light);
  --accent-deep: var(--color-primary-dark);
  --gold: var(--color-secondary);
  --gold-light: var(--color-secondary-light);
  --gold-bright: var(--color-secondary-bright);
  --hot-pink: var(--color-accent-pink);
  --cta: var(--color-cta);
  --text-white: var(--color-text-white);
  --text-primary: var(--color-text-primary);
  --text-secondary: var(--color-text-secondary);
  --text-muted: var(--color-text-muted);
  --border-subtle: var(--color-border-subtle);
  --border-glow: var(--color-border-glow);

  /* ── 字体与字号（可由后台「品牌外观」覆盖） ── */
  --font-body: 'DM Sans', system-ui, sans-serif;
  --font-heading: 'Outfit', sans-serif;
  --text-base: 14px;
  --text-sm: 13px;
  --text-xs: 12px;
  --text-lg: 16px;
  --heading-hero: clamp(22px, 5vw, 32px);
  --heading-section: clamp(18px, 4vw, 22px);
  --btn-gold-bg: linear-gradient(135deg, var(--color-secondary-light), var(--color-secondary), var(--color-secondary-dark));
  --btn-glow-bg: linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));
  --btn-gold-shadow: var(--shadow-secondary);
  --btn-glow-shadow: var(--shadow-primary);
}