/**
 * Thèmes dynamiques pour l'application
 * Ce fichier génère les variables CSS basées sur le thème sélectionné
 */

/* Variables globales additionnelles */
:root {
    --text-muted: #6c757d;
}
/* Thème Classic Orange (par défaut) */
:root[data-app-theme="classic-orange"] {
    --color-primary: #e65100;
    --color-primary-rgb: 230, 81, 0;
    --color-primary-dark: #bf360c;
    --color-primary-light: #ff6f00;
    --color-accent: #ffb74d;
    --color-accent-light: #ffd54f;
    --color-success: #43a047;
    --color-warning: #fb8c00;
    --color-danger: #e53935;
    --color-info: #039be5;
}

/* Thème Fresh Green */
:root[data-app-theme="fresh-green"] {
    --color-primary: #2e7d32;
    --color-primary-rgb: 46, 125, 50;
    --color-primary-dark: #1b5e20;
    --color-primary-light: #4caf50;
    --color-accent: #66bb6a;
    --color-accent-light: #81c784;
    --color-success: #388e3c;
    --color-warning: #f57c00;
    --color-danger: #d32f2f;
    --color-info: #0288d1;
}

/* Thème Ocean Blue */
:root[data-app-theme="ocean-blue"] {
    --color-primary: #0277bd;
    --color-primary-rgb: 2, 119, 189;
    --color-primary-dark: #01579b;
    --color-primary-light: #0288d1;
    --color-accent: #29b6f6;
    --color-accent-light: #4fc3f7;
    --color-success: #00897b;
    --color-warning: #ffa726;
    --color-danger: #e53935;
    --color-info: #039be5;
}

/* Thème Royal Purple */
:root[data-app-theme="royal-purple"] {
    --color-primary: #6a1b9a;
    --color-primary-rgb: 106, 27, 154;
    --color-primary-dark: #4a148c;
    --color-primary-light: #7b1fa2;
    --color-accent: #ab47bc;
    --color-accent-light: #ba68c8;
    --color-success: #388e3c;
    --color-warning: #f57c00;
    --color-danger: #d32f2f;
    --color-info: #1976d2;
}

/* Thème Sunset Red */
:root[data-app-theme="sunset-red"] {
    --color-primary: #c62828;
    --color-primary-rgb: 198, 40, 40;
    --color-primary-dark: #b71c1c;
    --color-primary-light: #d32f2f;
    --color-accent: #ef5350;
    --color-accent-light: #e57373;
    --color-success: #388e3c;
    --color-warning: #f57c00;
    --color-danger: #b71c1c;
    --color-info: #1976d2;
}

/* Thème Midnight Blue */
:root[data-app-theme="midnight-blue"] {
    --color-primary: #283593;
    --color-primary-rgb: 40, 53, 147;
    --color-primary-dark: #1a237e;
    --color-primary-light: #3949ab;
    --color-accent: #5c6bc0;
    --color-accent-light: #7986cb;
    --color-success: #2e7d32;
    --color-warning: #f9a825;
    --color-danger: #c62828;
    --color-info: #0277bd;
}

/* Thème Coffee Brown */
:root[data-app-theme="coffee-brown"] {
    --color-primary: #5d4037;
    --color-primary-rgb: 93, 64, 55;
    --color-primary-dark: #3e2723;
    --color-primary-light: #6d4c41;
    --color-accent: #8d6e63;
    --color-accent-light: #a1887f;
    --color-success: #388e3c;
    --color-warning: #f57c00;
    --color-danger: #d32f2f;
    --color-info: #1976d2;
}

/* Thème Pink Berry */
:root[data-app-theme="pink-berry"] {
    --color-primary: #ad1457;
    --color-primary-rgb: 173, 20, 87;
    --color-primary-dark: #880e4f;
    --color-primary-light: #c2185b;
    --color-accent: #d81b60;
    --color-accent-light: #e91e63;
    --color-success: #43a047;
    --color-warning: #fb8c00;
    --color-danger: #e53935;
    --color-info: #039be5;
}

/* Thème Turquoise Teal */
:root[data-app-theme="turquoise-teal"] {
    --color-primary: #00695c;
    --color-primary-rgb: 0, 105, 92;
    --color-primary-dark: #004d40;
    --color-primary-light: #00796b;
    --color-accent: #00897b;
    --color-accent-light: #26a69a;
    --color-success: #2e7d32;
    --color-warning: #f9a825;
    --color-danger: #c62828;
    --color-info: #0277bd;
}

/* Thème Slate Grey */
:root[data-app-theme="slate-grey"] {
    --color-primary: #37474f;
    --color-primary-rgb: 55, 71, 79;
    --color-primary-dark: #263238;
    --color-primary-light: #455a64;
    --color-accent: #546e7a;
    --color-accent-light: #78909c;
    --color-success: #2e7d32;
    --color-warning: #f9a825;
    --color-danger: #c62828;
    --color-info: #0277bd;
}

/* Thème Elegant Gold */
:root[data-app-theme="elegant-gold"] {
    --color-primary: #d4af37;
    --color-primary-rgb: 212, 175, 55;
    --color-primary-dark: #aa8c2c;
    --color-primary-light: #f9d86c;
    --color-accent: #111111;
    --color-accent-light: #333333;
    --color-success: #43a047;
    --color-warning: #fb8c00;
    --color-danger: #e53935;
    --color-info: #039be5;
}

/* Thème Vibrant Teal */
:root[data-app-theme="vibrant-teal"] {
    --color-primary: #00bfa5;
    --color-primary-rgb: 0, 191, 165;
    --color-primary-dark: #008e7b;
    --color-primary-light: #5df2d6;
    --color-accent: #651fff;
    --color-accent-light: #834bff;
    --color-success: #00c853;
    --color-warning: #ffab00;
    --color-danger: #ff1744;
    --color-info: #00b0ff;
}

/* Thème Pastel Dream */
:root[data-app-theme="pastel-dream"] {
    --color-primary: #ffb7b2;
    --color-primary-rgb: 255, 183, 178;
    --color-primary-dark: #ff8580;
    --color-primary-light: #ffa09b;
    --color-accent: #b2ebf2;
    --color-accent-light: #e0f7fa;
    --color-success: #81c784;
    --color-warning: #ffcc80;
    --color-danger: #ef9a9a;
    --color-info: #81d4fa;
}

/* Thème Dark Cyber */
:root[data-app-theme="dark-cyber"] {
    --color-primary: #00e5ff;
    --color-primary-rgb: 0, 229, 255;
    --color-primary-dark: #00b8d4;
    --color-primary-light: #18ffff;
    --color-accent: #f50057;
    --color-accent-light: #ff4081;
    --color-success: #00e676;
    --color-warning: #ffea00;
    --color-danger: #ff1744;
    --color-info: #2979ff;
}

/* Thème Clean Slate */
:root[data-app-theme="clean-slate"] {
    --color-primary: #212121;
    --color-primary-rgb: 33, 33, 33;
    --color-primary-dark: #000000;
    --color-primary-light: #484848;
    --color-accent: #757575;
    --color-accent-light: #a4a4a4;
    --color-success: #4caf50;
    --color-warning: #ff9800;
    --color-danger: #f44336;
    --color-info: #2196f3;
}

[data-theme="dark"] {
    --bg-primary: #000000;
    --bg-secondary: #000000;
    --bg-tertiary: #111111;
    --bg-light: #000000 !important;

    /* Force navbar dark */
    --navbar-bg: #000000;
    --text-primary: #f5f5f5;
    --text-secondary: #b0b0b0;
    --text-light: #808080;
    --text-muted: #c8c8c8;
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);

    /* Override local page vars often used for cards/headers */
    --card-bg: #000 !important;
    --card-border: 1px solid #222 !important;
    --card-shadow: 0 4px 12px rgba(0,0,0,0.45) !important;
}

/* Screen management page (admin/ecran-gestion.php) */
[data-theme="dark"] .dashboard-container {
    background: #000 !important;
}
[data-theme="dark"] .page-title,
[data-theme="dark"] .card-title,
[data-theme="dark"] .form-label,
[data-theme="dark"] .slide-title {
    color: #ffffff !important;
}
[data-theme="dark"] .page-subtitle {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .card {
    background: #000 !important;
    color: #fff !important;
    border-color: #222 !important;
}
[data-theme="dark"] .card-header {
    border-bottom-color: #222 !important;
}
[data-theme="dark"] .form-control {
    background: #000 !important;
    color: #ffffff !important;
    border-color: #333 !important;
}
[data-theme="dark"] .slide-item {
    background: #000 !important;
    color: #fff !important;
    border-color: #222 !important;
}
[data-theme="dark"] .slide-preview {
    background: #111 !important;
    border-color: #222 !important;
}

[data-theme="dark"] .menu-header {
    background: #000 !important;
    color: #fff !important;
}

/* Public pages: Promotions & Suivi */
[data-theme="dark"] .promo-header {
    background: #000 !important;
    color: #fff !important;
}
[data-theme="dark"] .promo-card,
[data-theme="dark"] .promo-footer {
    background: #000 !important;
    color: #fff !important;
    border-color: #222 !important;
}
[data-theme="dark"] .tracking-header {
    background: #000 !important;
    color: #fff !important;
}

/* Public Orders page (commande.php) */
[data-theme="dark"] .order-header {
    background: #000 !important;
    color: #fff !important;
}
[data-theme="dark"] .order-container [style*="linear-gradient("] {
    background: #111 !important;
    color: #fff !important;
    border-color: #222 !important;
}

/* Admin: Suivi Récompenses (glass/white overrides) */
[data-theme="dark"] .page-header-premium {
    background: #000 !important;
    border-bottom-color: #222 !important;
}
[data-theme="dark"] .glass-panel {
    background: #000 !important;
    color: #fff !important;
    border-color: #222 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
}
[data-theme="dark"] .search-input-group {
    background: #000 !important;
    border-color: #333 !important;
}
[data-theme="dark"] .custom-table-row,
[data-theme="dark"] .custom-table-row td {
    background: #000 !important;
    color: #fff !important;
    border-color: #222 !important;
}

/* Mode Dark avec Fresh Green */
[data-theme="dark"]:root[data-app-theme="fresh-green"] {
    --color-primary: #4caf50;
    --color-primary-light: #66bb6a;
}

/* Mode Dark avec Ocean Blue */
[data-theme="dark"]:root[data-app-theme="ocean-blue"] {
    --color-primary: #0288d1;
    --color-primary-light: #29b6f6;
}

/* Mode Dark avec Royal Purple */
[data-theme="dark"]:root[data-app-theme="royal-purple"] {
    --color-primary: #ab47bc;
    --color-primary-light: #ba68c8;
}

/* Mode Dark avec Sunset Red */
[data-theme="dark"]:root[data-app-theme="sunset-red"] {
    --color-primary: #ef5350;
    --color-primary-light: #e57373;
}

/* Mode Dark avec Midnight Blue */
[data-theme="dark"]:root[data-app-theme="midnight-blue"] {
    --color-primary: #5c6bc0;
    --color-primary-light: #7986cb;
}

/* Mode Dark avec Coffee Brown */
[data-theme="dark"]:root[data-app-theme="coffee-brown"] {
    --color-primary: #8d6e63;
    --color-primary-light: #a1887f;
}

/* Mode Dark avec Pink Berry */
[data-theme="dark"]:root[data-app-theme="pink-berry"] {
    --color-primary: #d81b60;
    --color-primary-light: #e91e63;
}

/* Mode Dark avec Turquoise Teal */
[data-theme="dark"]:root[data-app-theme="turquoise-teal"] {
    --color-primary: #26a69a;
    --color-primary-light: #4db6ac;
}

/* Mode Dark avec Slate Grey */
[data-theme="dark"]:root[data-app-theme="slate-grey"] {
    --color-primary: #78909c;
    --color-primary-light: #90a4ae;
}

/* Mode Dark avec Elegant Gold */
[data-theme="dark"]:root[data-app-theme="elegant-gold"] {
    --color-primary: #f9d86c;
    --color-primary-light: #ffecb3;
}

/* Mode Dark avec Vibrant Teal */
[data-theme="dark"]:root[data-app-theme="vibrant-teal"] {
    --color-primary: #5df2d6;
    --color-primary-light: #a7ffeb;
}

/* Mode Dark avec Pastel Dream */
[data-theme="dark"]:root[data-app-theme="pastel-dream"] {
    --color-primary: #ffb7b2;
    --color-primary-light: #ffcdd2;
}

/* Mode Dark avec Dark Cyber */
[data-theme="dark"]:root[data-app-theme="dark-cyber"] {
    --color-primary: #18ffff;
    --color-primary-light: #84ffff;
}

/* Mode Dark avec Clean Slate */
[data-theme="dark"]:root[data-app-theme="clean-slate"] {
    --color-primary: #e0e0e0;
    --color-primary-light: #f5f5f5;
}

/* ===== Global Dark Theme Readability Fixes ===== */
[data-theme="dark"] body {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

/* Inputs & Controls */
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
    background: #111 !important;
    color: var(--text-primary) !important;
    border-color: #333 !important;
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: var(--text-secondary) !important;
}

/* Buttons */
[data-theme="dark"] .btn,
[data-theme="dark"] .btn-primary {
    background: var(--color-primary) !important;
    color: #ffffff !important;
    border-color: var(--color-primary) !important;
}
[data-theme="dark"] .btn-outline,
[data-theme="dark"] .btn-hero {
    border-color: var(--color-primary) !important;
    color: #ffffff !important;
}
/* Fix inline white background buttons */
[data-theme="dark"] .btn-hero[style*="background: white"],
[data-theme="dark"] .btn-hero[style*="background:white"],
[data-theme="dark"] .btn-hero[style*="background: #fff"],
[data-theme="dark"] .btn-hero[style*="background:#fff"] {
    background: #ffffff !important;
    color: #111111 !important;
}

/* Cards/Sections */
[data-theme="dark"] .card,
[data-theme="dark"] .section,
[data-theme="dark"] .container,
[data-theme="dark"] .page-wrapper {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .product-card,
[data-theme="dark"] .dashboard-card,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .form-card,
[data-theme="dark"] .config-card,
[data-theme="dark"] .preview-card,
[data-theme="dark"] .seo-preview-card,
[data-theme="dark"] .card-settings,
[data-theme="dark"] .delivery-card,
[data-theme="dark"] .order-card,
[data-theme="dark"] .order-ticket,
[data-theme="dark"] .action-card,
[data-theme="dark"] .card-common,
[data-theme="dark"] .panel,
[data-theme="dark"] .premium-card,
[data-theme="dark"] .monitor-section,
[data-theme="dark"] .card,
[data-theme="dark"] .section {
    background: #000000 !important;
    color: var(--text-primary) !important;
    border-color: #222 !important;
}

/* Catch-all for unknown card classes (keep icon wrappers intact) */
[data-theme="dark"] [class*="card"]:not(.card-ico-wrapper) {
    background: #000 !important;
    color: var(--text-primary) !important;
    border-color: #222 !important;
}

/* Common utility whites */
[data-theme="dark"] .bg-white,
[data-theme="dark"] .panel-white {
    background: #000 !important;
    color: var(--text-primary) !important;
}

/* Filter bars / chips / tags */
[data-theme="dark"] .smart-filter-bar,
[data-theme="dark"] .filter-bar,
[data-theme="dark"] .filters,
[data-theme="dark"] [class*="filter"] {
    background: #000 !important;
    border-color: #222 !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .chip,
[data-theme="dark"] .tag,
[data-theme="dark"] [class*="chip"],
[data-theme="dark"] [class*="tag"],
[data-theme="dark"] .pill,
[data-theme="dark"] [class*="pill"] {
    background: #111 !important;
    color: var(--text-primary) !important;
    border-color: #222 !important;
}
[data-theme="dark"] .card,
[data-theme="dark"] .section,
[data-theme="dark"] .panel,
[data-theme="dark"] .flash-message {
    border-color: #222 !important;
}

/* Tables */
[data-theme="dark"] table,
[data-theme="dark"] .data-table {
    color: var(--text-primary) !important;
    background: var(--bg-primary) !important;
}
[data-theme="dark"] .data-table th,
[data-theme="dark"] .data-table td {
    border-color: #222 !important;
}

/* Delivery pages (tables & responsive rows) */
[data-theme="dark"] .custom-table {
    background: #000 !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .custom-table thead,
[data-theme="dark"] .custom-table tr,
[data-theme="dark"] .custom-table td,
[data-theme="dark"] .custom-table th {
    background: #000 !important;
    color: var(--text-primary) !important;
    border-color: #222 !important;
}

/* Header chips/date on delivery admin */
[data-theme="dark"] .header-actions span {
    background: #111 !important;
    color: var(--text-primary) !important;
    border-color: #222 !important;
}

/* Further inline light shades seen on delivery pages */
[data-theme="dark"] [style*="#f1f5f9"],
[data-theme="dark"] [style*="#eff6ff"],
[data-theme="dark"] [style*="#e2e8f0"],
[data-theme="dark"] [style*="#cbd5e1"] {
    background: #111 !important;
    color: var(--text-primary) !important;
    border-color: #222 !important;
}

/* Catch common inline whites to avoid white-on-white or white-on-light */
[data-theme="dark"] [style*="background: white"],
[data-theme="dark"] [style*="background:white"],
[data-theme="dark"] [style*="background: #fff"],
[data-theme="dark"] [style*="background:#fff"] {
    background: #111111 !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] [style*="background-color: white"],
[data-theme="dark"] [style*="background-color:white"],
[data-theme="dark"] [style*="background-color: #fff"],
[data-theme="dark"] [style*="background-color:#fff"],
[data-theme="dark"] [style*="background: rgb(255, 255, 255"],
[data-theme="dark"] [style*="background-color: rgb(255, 255, 255"],
[data-theme="dark"] [style*="#fafafa"],
[data-theme="dark"] [style*="#f9f9f9"],
[data-theme="dark"] [style*="#f8f9fa"],
[data-theme="dark"] [style*="#f5f5f5"],
[data-theme="dark"] [style*="#eeeeee"],
[data-theme="dark"] [style*="#e9ecef"] {
    background: #111111 !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] [style*="color: #000"],
[data-theme="dark"] [style*="color:#000"],
[data-theme="dark"] [style*="color: black"],
[data-theme="dark"] [style*="color:black"] {
    color: var(--text-primary) !important;
}
}

/* Common containers defaulting to light in local pages */
[data-theme="dark"] .content,
[data-theme="dark"] .content-wrapper,
[data-theme="dark"] .box,
[data-theme="dark"] .widget,
[data-theme="dark"] .panel-white,
[data-theme="dark"] .surface,
[data-theme="dark"] .surface-card {
    background: #000 !important;
    color: var(--text-primary) !important;
    border-color: #222 !important;
}