/* ============================================================
 * Fichier : themes.dynamic.css - V4 (Optimisation Dégradé)
 * Auteur : M. HEMERY
 * Objet : Thèmes dynamiques LUMA (Design Tokens + Palettes Saisonières)
 * Description : Centralisation des variables CSS et des tokens de design.
 * ============================================================
 */

/**
 * 🎨 Variables Globales (Design Tokens LUMA UI + Fallback)
 * Ceci est le bloc :root unique, définissant la base de l'interface.
 */
:root {
    /* ... [EXISTING DESIGN TOKENS] ... */
    --bg: #0f1216;
    --bg-elev1: #141820;
    --bg-elev2: #1a1f29;
    --surface: #1e2430;

    --text: #e8ecf1;
    --text-quiet: #b6c0cc;
    --muted: #93a0b3;
    --border: #2a3442;

    /* 1.1) Accent */
    --accent: #4f8cff;
    --accent-ink: #0b1a33;
    --accent-weak: color-mix(in oklab, var(--accent) 36%, black);
    --focus: 0 0 0 3px color-mix(in oklab, var(--accent) 35%, transparent);

    /* 1.2) States */
    --success: #3ecf8e;
    --warning: #ffcb2b;
    --danger: #ff5d73;

    /* 2) Compatibility & Legacy (Mapping des anciennes vars sur les nouvelles) */
    --primary-color: var(--accent);
    --primary-gold: var(--accent);
    --gold-glow: color-mix(in oklab, var(--accent) 50%, transparent);
    --dark-bg: var(--bg);
    --dark-card: var(--bg-elev1);
    --dark-card-hover: var(--bg-elev2);
    --text-primary: var(--text);
    --text-secondary: var(--text-quiet);
    --text-muted: var(--muted);
    --success-color: var(--success);
    --warning-color: var(--warning);
    --danger-color: var(--danger);

    /* NOUVELLE VARIABLE DE DÉGRADÉ (couleur plus claire) */
    --light-color: #8faaff;
    /* Version plus claire de l'accent par défaut */

    /* ... [OTHER TOKENS] ... */
    --radius: 12px;
    --radius-sm: 8px;
    --radius-pill: 999px;
    --border-radius: var(--radius);
    --border-radius-lg: 16px;
    --shadow-1: 0 6px 20px rgba(0, 0, 0, .25);

    --ff: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji";
    --fs-100: 12px;
    --fs-200: 14px;
    --fs-300: 16px;
    --fs-400: 20px;
    --fs-500: 28px;
    --gap-1: 8px;
    --gap-2: 12px;
    --gap-3: 16px;
    --gap-4: 24px;
    --gap-5: 32px;
    --spacing-sm: var(--gap-3);
    --spacing-md: var(--gap-4);
    --spacing-lg: var(--gap-5);
    --spacing-xl: 4rem;

    --btn-h: 44px;
    --btn-px: 16px;
    --btn-gap: 10px;
    --t-fast: 120ms;
    --t-med: 200ms;
}

/**
 * 🌌 Thème par défaut — Infinity Core (Minimaliste Sombre)
 */
:root[data-theme="infinity-core"] {
    --primary-gold: #d4af37;
    --gold-glow: rgba(212, 175, 55, 0.4);
    --dark-bg: #0b1426;
    --dark-card: rgba(255, 255, 255, 0.05);
    --dark-card-hover: rgba(255, 255, 255, 0.1);
    --text-primary: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.7);
    --text-muted: rgba(255, 255, 255, 0.5);
    --success-color: #10b981;
    --warning-color: #f59e0b;
    --danger-color: #f44336;
    --light-color: #f0c040;
    /* Or plus clair */
}

/**
 * 🎄 Thèmes Saisonniers et Événementiels
 */

/* ❄️ Noël — Aurora Noël */
:root[data-theme="aurora-noel"] {
    --primary-gold: #03a9f4;
    --gold-glow: rgba(3, 169, 244, 0.6);
    --dark-bg: #0d1a2f;
    --dark-card: rgba(255, 255, 255, 0.1);
    --dark-card-hover: rgba(255, 255, 255, 0.2);
    --text-primary: #e0f7fa;
    --success-color: #a5d6a7;
    --warning-color: #ff7043;
    --light-color: #73e8ff;
    /* Bleu plus clair */
}

/* 🌙 Nouvel An — Stellar Dawn */
:root[data-theme="stellar-dawn"] {
    /* Couleur d'Accent: Or/Jaune Vif pour les étoiles et feux d'artifice */
    --primary-gold: #ffeb3b;
    /* Glow: Or vif */
    --gold-glow: rgba(255, 235, 59, 0.7);
    /* Fond Sombre: Indigo / Bleu nuit très profond */
    --dark-bg: #0d0a1f;
    --dark-card: rgba(255, 255, 255, 0.15);
    /* Texte principal: Blanc pur pour la clarté */
    --text-primary: #ffffff;
    --text-secondary: #e0e0e0;
    /* Couleur claire du dégradé: Blanc scintillant */
    --light-color: #f7f9f9;
    /* Couleur secondaire utilisée dans le dégradé du bouton pour un effet de lumière */
    --secondary-gradient: #f7f9f9;
}

/* ❤️ Saint-Valentin — Crimson Pulse */
:root[data-theme="crimson-pulse"] {
    --primary-gold: #ff4081;
    --gold-glow: rgba(255, 64, 129, 0.6);
    --dark-bg: #1f0d14;
    --dark-card: rgba(255, 64, 129, 0.1);
    --dark-card-hover: rgba(255, 64, 129, 0.2);
    --text-primary: #ffebee;
    --light-color: #ff80ab;
    /* Rose moyen */
}

/* 🐣 Pâques — Golden Bloom */
:root[data-theme="golden-bloom"] {
    --primary-gold: #ffee58;
    --gold-glow: rgba(255, 238, 88, 0.5);
    --dark-bg: #1c210d;
    --dark-card: rgba(255, 255, 255, 0.05);
    --dark-card-hover: rgba(255, 255, 255, 0.1);
    --text-primary: #fffde7;
    --text-secondary: rgba(255, 255, 255, 0.8);
    --success-color: #69f0ae;
    --light-color: #ffcc80;
    /* Orange pastel */
}

/* 🔥 Été — Solar Flux */
:root[data-theme="solar-flux"] {
    --primary-gold: #ffc107;
    --gold-glow: rgba(255, 193, 7, 0.6);
    --dark-bg: #1a160d;
    --dark-card: rgba(255, 255, 255, 0.08);
    --dark-card-hover: rgba(255, 255, 255, 0.15);
    --text-primary: #fff8e1;
    --success-color: #ff9800;
    --light-color: #ffeb3b;
    /* Jaune plus vif */
}

/* 🇫🇷 14 Juillet — Eclipse Tricolore (Drapeau Français) */
:root[data-theme="eclipse-tricolore"] {
    --primary-gold: #0055a4;
    /* Bleu de France */
    --tricolor-white: #ffffff;
    /* Le blanc du drapeau */
    --gold-glow: rgba(244, 67, 54, 0.5);
    /* Rouge pour le glow */
    --dark-bg: #0e0e1a;
    --dark-card: rgba(255, 255, 255, 0.1);
    --text-primary: #ffffff;
    --warning-color: #f44336;
    /* Rouge */
    --success-color: #e3f2fd;
    --light-color: var(--tricolor-white);
    /* Utilise le blanc pour l'étape du milieu du drapeau */
}

/* 🎃 Halloween — Eclipse Hollow */
:root[data-theme="eclipse-hollow"] {
    --primary-gold: #ff5722;
    --gold-glow: rgba(255, 87, 34, 0.6);
    --dark-bg: #0f0a0d;
    --dark-card: rgba(255, 255, 255, 0.05);
    --dark-card-hover: rgba(255, 255, 255, 0.1);
    --text-primary: #fff3e0;
    --warning-color: #ff9800;
    --light-color: #ff8a65;
    /* Orange plus doux */
}

/**
 * ⚙️ Thèmes Techniques
 */

/* 💻 Lancement produit — LUMA Neon */
:root[data-theme="luma-neon"] {
    --primary-gold: #00e5ff;
    --gold-glow: rgba(0, 229, 255, 0.8);
    --dark-bg: #070014;
    --dark-card: rgba(0, 229, 255, 0.15);
    --dark-card-hover: rgba(0, 229, 255, 0.25);
    --text-primary: #e0f7fa;
    --text-secondary: rgba(224, 247, 250, 0.7);
    --light-color: #84ffff;
    /* Cyan très clair */
}

/* ⚙️ Maintenance — Reacher Mode */
:root[data-theme="reacher-mode"] {
    --primary-gold: #607d8b;
    --gold-glow: rgba(96, 125, 139, 0.4);
    --dark-bg: #1d212a;
    --dark-card: rgba(255, 255, 255, 0.05);
    --dark-card-hover: rgba(255, 255, 255, 0.1);
    --text-primary: #cfd8dc;
    --warning-color: #ffab00;
    --light-color: #b0bec5;
    /* Gris clair */
}