/* ============================================
   EVM CODE EDITOR PRO - THÈMES
   ============================================ */

/* THÈME CLAIR (par défaut) */
:root {
    --bg-primary: #ffffff;
    --bg-secondary: #f5f5f5;
    --bg-tertiary: #e0e0e0;
    --text-primary: #333333;
    --text-secondary: #666666;
    --border-color: #cccccc;
    --accent: #4CAF50;
    --tab-active: #2196F3;
    
    /* Header */
    --header-bg: #ffffff;
    
    /* Sidebar */
    --sidebar-bg: #f9f9f9;
    --sidebar-header-bg: #f0f0f0;
    --sidebar-item-hover: #e8e8e8;
    
    /* Boutons */
    --btn-bg: #f5f5f5;
    --btn-hover-bg: #e0e0e0;
    
    /* Tabs */
    --tabs-bg: #f5f5f5;
    --tab-bg: #f5f5f5;
    --tab-hover-bg: #e0e0e0;
    --tab-active-bg: #2196F3;
    
    /* Éditeur */
    --editor-container-bg: #ffffff;
    --editor-bg: #f9f9f9;
    --editor-text: #333333;
    --placeholder-color: #999999;
    
    /* Aperçu */
    --preview-container-bg: #f5f5f5;
    --preview-header-bg: #eeeeee;
    
    /* Scrollbar */
    --scrollbar-track: #f1f1f1;
    --scrollbar-thumb: #888888;
    --scrollbar-thumb-hover: #555555;
    
    /* Popup */
    --popup-bg: #ffffff;
    --popup-overlay-bg: rgba(0, 0, 0, 0.5);
    --popup-border: #cccccc;
    
    /* Cards */
    --card-bg: #ffffff;
    --card-border: #e0e0e0;
    --card-hover-shadow: rgba(0, 0, 0, 0.1);
    
    /* Inputs */
    --input-bg: #ffffff;
    --input-border: #cccccc;
    --input-focus-border: #2196F3;
}

/* THÈME SOMBRE */
body.dark-mode {
    --bg-primary: #1e1e1e;
    --bg-secondary: #252526;
    --bg-tertiary: #2d2d30;
    --text-primary: #d4d4d4;
    --text-secondary: #9e9e9e;
    --border-color: #3e3e42;
    --accent: #4CAF50;
    --tab-active: #2196F3;
    
    /* Header */
    --header-bg: #252526;
    
    /* Sidebar */
    --sidebar-bg: #252526;
    --sidebar-header-bg: #2d2d30;
    --sidebar-item-hover: #2d2d30;
    
    /* Boutons */
    --btn-bg: #2d2d30;
    --btn-hover-bg: #3e3e42;
    
    /* Tabs */
    --tabs-bg: #252526;
    --tab-bg: #252526;
    --tab-hover-bg: #2d2d30;
    --tab-active-bg: #2196F3;
    
    /* Éditeur */
    --editor-container-bg: #1e1e1e;
    --editor-bg: #1e1e1e;
    --editor-text: #d4d4d4;
    --placeholder-color: #6e6e6e;
    
    /* Aperçu */
    --preview-container-bg: #252526;
    --preview-header-bg: #2d2d30;
    
    /* Scrollbar */
    --scrollbar-track: #1e1e1e;
    --scrollbar-thumb: #424242;
    --scrollbar-thumb-hover: #4e4e4e;
    
    /* Popup */
    --popup-bg: #252526;
    --popup-overlay-bg: rgba(0, 0, 0, 0.7);
    --popup-border: #3e3e42;
    
    /* Cards */
    --card-bg: #2d2d30;
    --card-border: #3e3e42;
    --card-hover-shadow: rgba(255, 255, 255, 0.1);
    
    /* Inputs */
    --input-bg: #1e1e1e;
    --input-border: #3e3e42;
    --input-focus-border: #2196F3;
}

/* Transition douce lors du changement de thème */
body,
.header,
.sidebar,
.toolbar-btn,
.tab,
.editor,
.preview-container {
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}