/* themes.css */

:root {
    /* Light theme (default) */
    --primary-color: #0066cc;
    --primary-hover: #0052a3;
    --primary-light: rgba(0, 102, 204, 0.1);
    
    --bg-primary: #ffffff;
    --bg-secondary: #f5f5f5;
    --bg-tertiary: #e9e9e9;
    
    --text-primary: #1a1a1a;
    --text-secondary: #4a4a4a;
    --text-tertiary: #6e6e6e;
    
    --border-color: #d1d1d1;
    --border-focus: #0066cc;
    
    --success-color: #2e7d32;
    --warning-color: #ed6c02;
    --error-color: #d32f2f;
    
    --toolbar-bg: #f8f9fa;
    --selection-bg: rgba(0, 102, 204, 0.15);
    --overlay-bg: rgba(0, 0, 0, 0.5);
    
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.12);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.1);
    
    --editor-bg: #ffffff;
    --editor-text: #1a1a1a;
}

.dark-theme {
    --primary-color: #66b0ff;
    --primary-hover: #4d9eff;
    --primary-light: rgba(102, 176, 255, 0.15);
    
    --bg-primary: #1e1e1e;
    --bg-secondary: #2d2d2d;
    --bg-tertiary: #3d3d3d;
    
    --text-primary: #ffffff;
    --text-secondary: #e0e0e0;
    --text-tertiary: #b0b0b0;
    
    --border-color: #555555;
    --border-focus: #66b0ff;
    
    --success-color: #81c784;
    --warning-color: #ffb74d;
    --error-color: #e57373;
    
    --toolbar-bg: #363636;
    --selection-bg: rgba(102, 176, 255, 0.2);
    
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.4);
    
    --editor-bg: #1e1e1e;
    --editor-text: #e0e0e0;
}

.monokai-theme {
    --primary-color: #66d9ef;
    --primary-hover: #5ac8e6;
    --primary-light: rgba(102, 217, 239, 0.15);
    
    --bg-primary: #272822;
    --bg-secondary: #3e3d32;
    --bg-tertiary: #4e4d40;
    
    --text-primary: #f8f8f2;
    --text-secondary: #e6db74;
    --text-tertiary: #a6e22e;
    
    --border-color: #75715e;
    --border-focus: #66d9ef;
    
    --success-color: #a6e22e;
    --warning-color: #fd971f;
    --error-color: #f92672;
    
    --toolbar-bg: #3e3d32;
    --selection-bg: rgba(102, 217, 239, 0.2);
    
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.4);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.5);
    
    --editor-bg: #272822;
    --editor-text: #f8f8f2;
}