/*
 * Thème Deep Blue (par défaut)
 * Deep Blue Theme (default)
 *
 * Variables CSS centralisées permettant de changer l'apparence globale
 * Centralized CSS variables for global appearance switching
 */

[data-theme="deep-blue"],
:root {
    /* ===== Couleurs primaires / Primary colors ===== */
    --theme-primary: #3b82f6;
    --theme-primary-light: #60a5fa;
    --theme-primary-dark: #2563eb;
    --theme-primary-50: #eff6ff;
    --theme-primary-100: #dbeafe;
    --theme-primary-200: #bfdbfe;
    --theme-primary-500: #3b82f6;
    --theme-primary-600: #2563eb;
    --theme-primary-700: #1d4ed8;
    --theme-primary-900: #1e3a5f;

    /* ===== Couleurs secondaires / Secondary colors ===== */
    --theme-secondary: #06b6d4;
    --theme-secondary-light: #22d3ee;
    --theme-secondary-dark: #0891b2;

    /* ===== Accent ===== */
    --theme-accent: #8b5cf6;
    --theme-accent-light: #a78bfa;

    /* ===== Surfaces / Backgrounds ===== */
    --theme-bg-body: #f8fafc;
    --theme-bg-card: #ffffff;
    --theme-bg-sidebar: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
    --theme-bg-navbar: #ffffff;
    --theme-bg-hero: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #0f172a 100%);
    --theme-bg-input: #f8fafc;
    --theme-bg-hover: #f1f5f9;

    /* ===== Texte / Text ===== */
    --theme-text-primary: #0f172a;
    --theme-text-secondary: #475569;
    --theme-text-muted: #94a3b8;
    --theme-text-inverse: #ffffff;
    --theme-text-link: #3b82f6;

    /* ===== Bordures / Borders ===== */
    --theme-border: #e2e8f0;
    --theme-border-light: #f1f5f9;
    --theme-border-focus: #3b82f6;

    /* ===== Sidebar spécifique ===== */
    --theme-sidebar-text: #cbd5e1;
    --theme-sidebar-text-active: #ffffff;
    --theme-sidebar-hover: rgba(59, 130, 246, 0.1);
    --theme-sidebar-active: rgba(59, 130, 246, 0.2);
    --theme-sidebar-section-title: #64748b;
    --theme-sidebar-border-active: #3b82f6;

    /* ===== Statut / Status ===== */
    --theme-success: #10b981;
    --theme-warning: #f59e0b;
    --theme-error: #ef4444;
    --theme-info: #3b82f6;

    /* ===== Ombres / Shadows ===== */
    --theme-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --theme-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --theme-shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.1);

    /* ===== Transitions ===== */
    --theme-transition: 0.2s ease;

    /* ===== Arrondis / Radius ===== */
    --theme-radius-sm: 0.375rem;
    --theme-radius-md: 0.5rem;
    --theme-radius-lg: 0.75rem;
    --theme-radius-xl: 1rem;

    /* ===== Gradients CTA ===== */
    --theme-gradient-cta: linear-gradient(135deg, #3b82f6, #06b6d4);
    --theme-gradient-cta-hover: linear-gradient(135deg, #2563eb, #0891b2);
}

/* ===== Mode sombre / Dark mode ===== */
[data-theme="deep-blue"] .dark,
.dark {
    --theme-bg-body: #0f172a;
    --theme-bg-card: #1e293b;
    --theme-bg-navbar: #1e293b;
    --theme-bg-input: #1e293b;
    --theme-bg-hover: #334155;
    --theme-text-primary: #f1f5f9;
    --theme-text-secondary: #cbd5e1;
    --theme-text-muted: #64748b;
    --theme-border: #334155;
    --theme-border-light: #1e293b;
    --theme-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
    --theme-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
    --theme-shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.4);
}