/* ========================================
   BEE BUYER PREMIUM UI - THEME SYSTEM
   ======================================== */

/* === THEME: QUEEN'S GOLD (Default) === */
:root,
:root[data-theme="queens-gold"] {
    /* Backgrounds - Deeper, richer blacks with gold undertones */
    --bg-primary: linear-gradient(135deg, #000000 0%, #1a1206 50%, #2d1f0a 100%);
    --bg-secondary: #0d0a03;
    --bg-tertiary: #1a1206;

    /* Panels & Surfaces - Enhanced glass effect */
    --panel-bg: rgba(13, 10, 3, 0.92);
    --panel-bg-light: rgba(26, 18, 6, 0.75);
    --panel-border: rgba(241, 196, 15, 0.5);
    --panel-glow: rgba(241, 196, 15, 0.2);

    /* Text - Enhanced contrast */
    --text-primary: #ffffff;
    --text-secondary: #ffd700;
    --text-muted: #9d845c;
    --text-inverse: #000000;

    /* Accents - Brighter, more vibrant golds */
    --accent-primary: #ffd700;
    --accent-secondary: #ff8c00;
    --accent-tertiary: #ffb700;
    --accent-gradient: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%);

    /* Status Colors */
    --success: #2ecc71;
    --warning: #f39c12;
    --danger: #e74c3c;
    --info: #3498db;

    /* Interactive States - Enhanced glow */
    --btn-bg: rgba(255, 215, 0, 0.12);
    --btn-bg-hover: rgba(255, 215, 0, 0.25);
    --btn-border: rgba(255, 215, 0, 0.5);
    --btn-primary-bg: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%);

    /* Shadows & Effects - Stronger, more dramatic */
    --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-medium: 0 8px 24px rgba(0, 0, 0, 0.5);
    --shadow-strong: 0 16px 48px rgba(0, 0, 0, 0.6);
    --glow-accent: 0 0 30px rgba(255, 215, 0, 0.5);
    --glow-strong: 0 0 60px rgba(255, 215, 0, 0.7);
}

/* === THEME: MIDNIGHT NECTAR === */
:root[data-theme="midnight-nectar"] {
    /* Backgrounds */
    --bg-primary: linear-gradient(135deg, #0f0c29 0%, #1a0f3e 100%);
    --bg-secondary: #1a0f3e;
    --bg-tertiary: #2a1b5e;

    /* Panels & Surfaces */
    --panel-bg: rgba(26, 15, 62, 0.95);
    --panel-bg-light: rgba(42, 27, 94, 0.7);
    --panel-border: rgba(155, 89, 182, 0.4);
    --panel-glow: rgba(155, 89, 182, 0.15);

    /* Text */
    --text-primary: #e8e8ff;
    --text-secondary: #bb86fc;
    --text-muted: #8e7cc3;
    --text-inverse: #0f0c29;

    /* Accents */
    --accent-primary: #9b59b6;
    --accent-secondary: #00d4ff;
    --accent-tertiary: #bb86fc;
    --accent-gradient: linear-gradient(135deg, #9b59b6 0%, #00d4ff 100%);

    /* Status Colors */
    --success: #00e676;
    --warning: #ffab00;
    --danger: #ff1744;
    --info: #00b0ff;

    /* Interactive States */
    --btn-bg: rgba(155, 89, 182, 0.1);
    --btn-bg-hover: rgba(155, 89, 182, 0.2);
    --btn-border: rgba(155, 89, 182, 0.5);
    --btn-primary-bg: linear-grad ient(135deg, #9b59b6 0%, #00d4ff 100%);

    /* Shadows & Effects */
    --shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.4);
    --shadow-strong: 0 8px 32px rgba(0, 0, 0, 0.5);
    --glow-accent: 0 0 20px rgba(155, 89, 182, 0.4);
    --glow-strong: 0 0 40px rgba(155, 89, 182, 0.6);
}

/* === THEME: BLOOM GARDEN === */
:root[data-theme="bloom-garden"] {
    /* Backgrounds */
    --bg-primary: linear-gradient(135deg, #fce4ec 0%, #f3e5f5 100%);
    --bg-secondary: #f3e5f5;
    --bg-tertiary: #e1bee7;

    /* Panels & Surfaces */
    --panel-bg: rgba(243, 229, 245, 0.95);
    --panel-bg-light: rgba(225, 190, 231, 0.7);
    --panel-border: rgba(186, 104, 200, 0.3);
    --panel-glow: rgba(186, 104, 200, 0.1);

    /* Text */
    --text-primary: #2e2e2e;
    --text-secondary: #7b1fa2;
    --text-muted: #9575cd;
    --text-inverse: #ffffff;

    /* Accents */
    --accent-primary: #ba68c8;
    --accent-secondary: #66bb6a;
    --accent-tertiary: #9575cd;
    --accent-gradient: linear-gradient(135deg, #ba68c8 0%, #66bb6a 100%);

    /* Status Colors */
    --success: #4caf50;
    --warning: #ff9800;
    --danger: #f44336;
    --info: #2196f3;

    /* Interactive States */
    --btn-bg: rgba(186, 104, 200, 0.1);
    --btn-bg-hover: rgba(186, 104, 200, 0.2);
    --btn-border: rgba(186, 104, 200, 0.4);
    --btn-primary-bg: linear-gradient(135deg, #ba68c8 0%, #66bb6a 100%);

    /* Shadows & Effects */
    --shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.15);
    --shadow-strong: 0 8px 32px rgba(0, 0, 0, 0.2);
    --glow-accent: 0 0 20px rgba(186, 104, 200, 0.3);
    --glow-strong: 0 0 40px rgba(186, 104, 200, 0.5);
}

/* === THEME: FOREST HIVE === */
:root[data-theme="forest-hive"] {
    /* Backgrounds */
    --bg-primary: linear-gradient(135deg, #0d1b0e 0%, #1a2f1b 100%);
    --bg-secondary: #1a2f1b;
    --bg-tertiary: #2d4a2e;

    /* Panels & Surfaces */
    --panel-bg: rgba(26, 47, 27, 0.95);
    --panel-bg-light: rgba(45, 74, 46, 0.7);
    --panel-border: rgba(102, 187, 106, 0.3);
    --panel-glow: rgba(102, 187, 106, 0.1);

    /* Text */
    --text-primary: #e8f5e9;
    --text-secondary: #81c784;
    --text-muted: #66bb6a;
    --text-inverse: #0d1b0e;

    /* Accents */
    --accent-primary: #66bb6a;
    --accent-secondary: #ffd54f;
    --accent-tertiary: #81c784;
    --accent-gradient: linear-gradient(135deg, #66bb6a 0%, #ffd54f 100%);

    /* Status Colors */
    --success: #4caf50;
    --warning: #ffab00;
    --danger: #d32f2f;
    --info: #29b6f6;

    /* Interactive States */
    --btn-bg: rgba(102, 187, 106, 0.1);
    --btn-bg-hover: rgba(102, 187, 106, 0.2);
    --btn-border: rgba(102, 187, 106, 0.4);
    --btn-primary-bg: linear-gradient(135deg, #66bb6a 0%, #ffd54f 100%);

    /* Shadows & Effects */
    --shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.4);
    --shadow-strong: 0 8px 32px rgba(0, 0, 0, 0.5);
    --glow-accent: 0 0 20px rgba(102, 187, 106, 0.3);
    --glow-strong: 0 0 40px rgba(102, 187, 106, 0.5);
}

/* === THEME: ROYAL CANDY === */
:root[data-theme="royal-candy"] {
    /* Backgrounds */
    --bg-primary: linear-gradient(135deg, #ff6ec7 0%, #7b4cce 100%);
    --bg-secondary: #7b4cce;
    --bg-tertiary: #a873ff;

    /* Panels & Surfaces */
    --panel-bg: rgba(123, 76, 206, 0.95);
    --panel-bg-light: rgba(168, 115, 255, 0.7);
    --panel-border: rgba(255, 110, 199, 0.4);
    --panel-glow: rgba(255, 110, 199, 0.15);

    /* Text */
    --text-primary: #ffffff;
    --text-secondary: #ff6ec7;
    --text-muted: #d4a5ff;
    --text-inverse: #4a148c;

    /* Accents */
    --accent-primary: #ff6ec7;
    --accent-secondary: #ffeb3b;
    --accent-tertiary: #d4a5ff;
    --accent-gradient: linear-gradient(135deg, #ff6ec7 0%, #ffeb3b 100%);

    /* Status Colors */
    --success: #69f0ae;
    --warning: #ffd740;
    --danger: #ff5252;
    --info: #40c4ff;

    /* Interactive States */
    --btn-bg: rgba(255, 110, 199, 0.15);
    --btn-bg-hover: rgba(255, 110, 199, 0.25);
    --btn-border: rgba(255, 110, 199, 0.5);
    --btn-primary-bg: linear-gradient(135deg, #ff6ec7 0%, #ffeb3b 100%);

    /* Shadows & Effects */
    --shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.2);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.3);
    --shadow-strong: 0 8px 32px rgba(0, 0, 0, 0.4);
    --glow-accent: 0 0 20px rgba(255, 110, 199, 0.5);
    --glow-strong: 0 0 40px rgba(255, 110, 199, 0.7);
}

/* === THEME: CYBER SWARM === */
:root[data-theme="cyber-swarm"] {
    /* Backgrounds */
    --bg-primary: linear-gradient(135deg, #0a0e1a 0%, #1a1e2e 100%);
    --bg-secondary: #1a1e2e;
    --bg-tertiary: #2d3748;

    /* Panels & Surfaces */
    --panel-bg: rgba(26, 30, 46, 0.95);
    --panel-bg-light: rgba(45, 55, 72, 0.7);
    --panel-border: rgba(0, 255, 255, 0.4);
    --panel-glow: rgba(0, 255, 255, 0.15);

    /* Text */
    --text-primary: #e0ffff;
    --text-secondary: #00ffff;
    --text-muted: #718096;
    --text-inverse: #0a0e1a;

    /* Accents */
    --accent-primary: #00ffff;
    --accent-secondary: #ff00ff;
    --accent-tertiary: #80deea;
    --accent-gradient: linear-gradient(135deg, #00ffff 0%, #ff00ff 100%);

    /* Status Colors */
    --success: #00e676;
    --warning: #ffea00;
    --danger: #ff1744;
    --info: #00b0ff;

    /* Interactive States */
    --btn-bg: rgba(0, 255, 255, 0.1);
    --btn-bg-hover: rgba(0, 255, 255, 0.2);
    --btn-border: rgba(0, 255, 255, 0.5);
    --btn-primary-bg: linear-gradient(135deg, #00ffff 0%, #ff00ff 100%);

    /* Shadows & Effects */
    --shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.4);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.5);
    --shadow-strong: 0 8px 32px rgba(0, 0, 0, 0.6);
    --glow-accent: 0 0 20px rgba(0, 255, 255, 0.5);
    --glow-strong: 0 0 40px rgba(0, 255, 255, 0.7);
}

/* =======================
   MOTION PREFERENCES
   ======================= */
[data-motion="reduced"] *,
[data-motion="reduced"] *::before,
[data-motion="reduced"] *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
}

[data-motion="low"] .bb-honey-particle,
[data-motion="low"] .bb-visual-bee,
[data-motion="reduced"] .bb-honey-particle,
[data-motion="reduced"] .bb-visual-bee {
    display: none !important;
}