/* ==========================================================================
   360Party - Theme Definitions
   Brand: 360Party | Hạ Long, Vietnam | 360p.vn
   Themes: Premium Night (default), Elegant Light, Party Neon
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Premium Night (Default Theme)
   Deep dark luxury, obsidian/slate, champagne gold & cyan accents, glassmorphism
   -------------------------------------------------------------------------- */
:root,
[data-theme="premium-night"] {
  --theme-name: "premium-night";

  /* Backgrounds */
  --bg-primary: #060913;
  --bg-secondary: #0c1222;
  --bg-tertiary: #131b30;
  --bg-elevated: #18223c;
  --bg-glass: rgba(12, 18, 34, 0.78);
  --bg-glass-card: rgba(19, 27, 48, 0.75);
  --bg-glass-input: rgba(8, 13, 26, 0.65);
  --bg-overlay: rgba(3, 6, 15, 0.85);

  /* Text colors */
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --text-inverse: #060913;

  /* Accent & Brand colors */
  --accent-gold: #d4af37;
  --accent-gold-hover: #e5c158;
  --accent-gold-glow: rgba(212, 175, 55, 0.35);
  --accent-cyan: #00e5ff;
  --accent-cyan-glow: rgba(0, 229, 255, 0.35);
  --accent-primary: #d4af37;
  --accent-primary-hover: #e5c158;
  --accent-primary-text: #060913;
  --accent-gradient: linear-gradient(135deg, #d4af37 0%, #f39c12 50%, #00e5ff 100%);
  --accent-glow: 0 0 24px rgba(212, 175, 55, 0.28);

  /* Borders & Dividers */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-medium: rgba(212, 175, 55, 0.24);
  --border-strong: rgba(212, 175, 55, 0.55);

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.6);
  --shadow-card: 0 12px 36px rgba(0, 0, 0, 0.5);

  /* Status Colors */
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;
  --color-info: #00e5ff;

  /* Tag / Badge */
  --badge-bg: rgba(212, 175, 55, 0.15);
  --badge-text: #e5c158;
  --badge-border: rgba(212, 175, 55, 0.3);
  
  /* Demo badge */
  --demo-badge-bg: rgba(245, 158, 11, 0.18);
  --demo-badge-text: #fbbf24;
  --demo-badge-border: rgba(245, 158, 11, 0.4);
}

/* --------------------------------------------------------------------------
   2. Elegant Light
   Pristine luxury, warm ivory, champagne gold accents, rich charcoal text
   -------------------------------------------------------------------------- */
[data-theme="elegant-light"] {
  --theme-name: "elegant-light";

  /* Backgrounds */
  --bg-primary: #f8fafc;
  --bg-secondary: #ffffff;
  --bg-tertiary: #f1f5f9;
  --bg-elevated: #e2e8f0;
  --bg-glass: rgba(255, 255, 255, 0.88);
  --bg-glass-card: rgba(255, 255, 255, 0.92);
  --bg-glass-input: rgba(248, 250, 252, 0.95);
  --bg-overlay: rgba(15, 23, 42, 0.6);

  /* Text colors */
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #64748b;
  --text-inverse: #f8fafc;

  /* Accent & Brand colors */
  --accent-gold: #b38714;
  --accent-gold-hover: #996e0a;
  --accent-gold-glow: rgba(179, 135, 20, 0.2);
  --accent-cyan: #0284c7;
  --accent-cyan-glow: rgba(2, 132, 199, 0.2);
  --accent-primary: #b38714;
  --accent-primary-hover: #996e0a;
  --accent-primary-text: #ffffff;
  --accent-gradient: linear-gradient(135deg, #b38714 0%, #d97706 60%, #0284c7 100%);
  --accent-glow: 0 4px 20px rgba(179, 135, 20, 0.2);

  /* Borders & Dividers */
  --border-subtle: rgba(15, 23, 42, 0.08);
  --border-medium: rgba(179, 135, 20, 0.28);
  --border-strong: rgba(179, 135, 20, 0.6);

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.1);
  --shadow-lg: 0 16px 40px rgba(15, 23, 42, 0.14);
  --shadow-card: 0 10px 30px rgba(15, 23, 42, 0.08);

  /* Status Colors */
  --color-success: #059669;
  --color-warning: #d97706;
  --color-danger: #dc2626;
  --color-info: #0284c7;

  /* Tag / Badge */
  --badge-bg: rgba(179, 135, 20, 0.12);
  --badge-text: #8e680a;
  --badge-border: rgba(179, 135, 20, 0.3);

  /* Demo badge */
  --demo-badge-bg: rgba(217, 119, 6, 0.15);
  --demo-badge-text: #b45309;
  --demo-badge-border: rgba(217, 119, 6, 0.35);
}

/* --------------------------------------------------------------------------
   3. Party Neon
   High-energy festival vibe, deep noir, electric magenta, neon cyan & violet glow
   -------------------------------------------------------------------------- */
[data-theme="party-neon"] {
  --theme-name: "party-neon";

  /* Backgrounds */
  --bg-primary: #05040d;
  --bg-secondary: #0d0a1c;
  --bg-tertiary: #16112e;
  --bg-elevated: #221845;
  --bg-glass: rgba(13, 10, 28, 0.82);
  --bg-glass-card: rgba(22, 17, 46, 0.78);
  --bg-glass-input: rgba(9, 6, 20, 0.75);
  --bg-overlay: rgba(4, 2, 10, 0.88);

  /* Text colors */
  --text-primary: #ffffff;
  --text-secondary: #c4b5fd;
  --text-muted: #8b5cf6;
  --text-inverse: #05040d;

  /* Accent & Brand colors */
  --accent-gold: #ff007f;
  --accent-gold-hover: #ff3399;
  --accent-gold-glow: rgba(255, 0, 127, 0.45);
  --accent-cyan: #00f0ff;
  --accent-cyan-glow: rgba(0, 240, 255, 0.45);
  --accent-primary: #00f0ff;
  --accent-primary-hover: #33f3ff;
  --accent-primary-text: #05040d;
  --accent-gradient: linear-gradient(135deg, #ff007f 0%, #8b00ff 50%, #00f0ff 100%);
  --accent-glow: 0 0 28px rgba(0, 240, 255, 0.45), 0 0 12px rgba(255, 0, 127, 0.35);

  /* Borders & Dividers */
  --border-subtle: rgba(139, 92, 246, 0.2);
  --border-medium: rgba(0, 240, 255, 0.4);
  --border-strong: rgba(255, 0, 127, 0.65);

  /* Shadows */
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 8px 30px rgba(0, 0, 0, 0.65);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.8);
  --shadow-card: 0 12px 36px rgba(139, 0, 255, 0.2), 0 0 20px rgba(0, 240, 255, 0.12);

  /* Status Colors */
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ff0055;
  --color-info: #00f0ff;

  /* Tag / Badge */
  --badge-bg: rgba(0, 240, 255, 0.18);
  --badge-text: #00f0ff;
  --badge-border: rgba(0, 240, 255, 0.4);

  /* Demo badge */
  --demo-badge-bg: rgba(255, 0, 127, 0.2);
  --demo-badge-text: #ff66b3;
  --demo-badge-border: rgba(255, 0, 127, 0.45);
}