/**
 * World-Debrid - Themes (V2 Aurora)
 * V1 graphic refresh: dark only (Aurora Globe identity)
 * The legacy 3-theme system (purple/arc/midnight) is collapsed into ONE
 * aurora theme during this refresh. Light theme returns in a future iteration.
 * Legacy variable names are preserved for backward compatibility with styles.css
 * but now map to aurora values.
 */

:root,
[data-theme="purple"],
[data-theme="arc"],
[data-theme="midnight"] {
    /* Backgrounds — legacy names mapped to aurora */
    --bg-primary: var(--aurora-bg-base);
    --bg-primary-solid: var(--aurora-bg-base);
    --bg-card: var(--aurora-bg-elevated);
    --bg-card-hover: var(--aurora-bg-card-hover);
    --bg-input: var(--aurora-bg-card);
    --bg-input-focus: var(--aurora-bg-elevated);
    --bg-overlay: rgba(0, 0, 0, 0.5);
    --bg-overlay-dark: rgba(0, 0, 0, 0.7);
    --bg-surface: var(--aurora-bg-elevated);

    /* Text */
    --text-primary: var(--aurora-text-primary);
    --text-secondary: var(--aurora-text-secondary);
    --text-muted: var(--aurora-text-muted);
    --text-light: var(--aurora-text-faint);
    --text-placeholder: rgba(224, 242, 254, 0.3);
    --text-gradient: var(--aurora-gradient-text);

    /* Borders */
    --border-primary: var(--aurora-border-subtle);
    --border-hover: var(--aurora-border-hover);
    --border-light: rgba(168, 85, 247, 0.08);

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 16px 48px rgba(5, 6, 22, 0.6);
    --shadow-glow: 0 0 40px rgba(168, 85, 247, 0.15);

    /* Accent (legacy indigo → aurora teal) */
    --accent-primary: var(--aurora-teal);
    --accent-primary-hover: #2dd4bf;
    --accent-primary-muted: rgba(20, 184, 166, 0.15);
    --accent-primary-border: rgba(20, 184, 166, 0.3);

    /* Primary buttons (legacy indigo → aurora gradient) */
    --btn-primary-bg: var(--aurora-teal);
    --btn-primary-hover: #2dd4bf;
    --btn-primary-shadow: 0 4px 20px rgba(20, 184, 166, 0.3);
    --btn-primary-hover-shadow: 0 8px 28px rgba(20, 184, 166, 0.45);

    /* Login button (subtle aurora teal) */
    --btn-login-bg: rgba(20, 184, 166, 0.15);
    --btn-login-hover: rgba(20, 184, 166, 0.25);
    --btn-login-border: rgba(20, 184, 166, 0.4);
    --btn-login-shadow: 0 4px 14px rgba(20, 184, 166, 0.2);

    /* Register / Inscription button (aurora gradient — the only filled CTA) */
    --btn-register-bg: var(--aurora-gradient);
    --btn-register-hover: var(--aurora-gradient);
    --btn-register-border: transparent;
    --btn-register-shadow: 0 8px 24px rgba(168, 85, 247, 0.35);

    /* Extension buttons */
    --btn-extension-bg: var(--aurora-teal);
    --btn-extension-border: rgba(20, 184, 166, 0.3);

    /* Premium */
    --btn-premium-bg: var(--aurora-violet);
    --btn-premium-hover: #c084fc;

    /* Semantic accents */
    --accent-purple: var(--aurora-violet);
    --accent-gold: var(--aurora-cream);
    --accent-green: var(--aurora-teal);
    --accent-blue: var(--aurora-teal);
    --accent-red: var(--aurora-pink);
    --accent-orange: var(--aurora-cream);

    /* Status backgrounds */
    --status-premium-bg: rgba(168, 85, 247, 0.12);
    --status-premium-border: rgba(168, 85, 247, 0.25);
    --status-premium-icon: var(--aurora-violet);

    --status-free-bg: rgba(20, 184, 166, 0.1);
    --status-free-border: rgba(20, 184, 166, 0.25);
    --status-free-icon: var(--aurora-teal);

    --status-guest-bg: rgba(224, 242, 254, 0.08);
    --status-guest-border: rgba(224, 242, 254, 0.15);
    --status-guest-icon: var(--aurora-text-muted);

    /* Messages */
    --msg-error-bg: rgba(236, 72, 153, 0.12);
    --msg-error-border: rgba(236, 72, 153, 0.3);
    --msg-error-color: var(--aurora-pink);

    --msg-success-bg: rgba(20, 184, 166, 0.12);
    --msg-success-border: rgba(20, 184, 166, 0.3);
    --msg-success-color: var(--aurora-teal);

    --msg-info-bg: rgba(168, 85, 247, 0.12);
    --msg-info-border: rgba(168, 85, 247, 0.3);
    --msg-info-color: var(--aurora-violet);

    --msg-warning-bg: rgba(254, 243, 199, 0.12);
    --msg-warning-border: rgba(254, 243, 199, 0.3);
    --msg-warning-color: var(--aurora-cream);

    /* Backdrop */
    --blur-sm: blur(10px);
    --blur-md: blur(20px);

    /* Transitions */
    --transition-fast: var(--aurora-duration-fast) var(--aurora-ease-out);
    --transition-normal: var(--aurora-duration-base) var(--aurora-ease-out);
    --transition-slow: var(--aurora-duration-slow) var(--aurora-ease-spring);
}