/*
Theme Name: VSCode Portfolio
Theme URI: https://your-domain.com/vscode-portfolio
Author: Your Name
Author URI: https://your-domain.com
Description: A unique WordPress portfolio theme that mimics a modern code editor interface, featuring a dark mode design with syntax highlighting, tabbed navigation, and terminal-like features.
Version: 1.0.0
Requires at least: 5.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vscode-portfolio
Tags: dark-mode, editor, portfolio, code-theme, custom-colors, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready

This theme is inspired by modern code editors like Visual Studio Code.
*/

:root {
    /* VS Code Dark+ Theme Colors */
    --editor-bg: #1e1e1e;
    --sidebar-bg: #252526;
    --statusbar-bg: #007acc;
    --tab-active-bg: #1e1e1e;
    --tab-inactive-bg: #2d2d2d;
    --tab-border: #007acc;
    --text-color: #d4d4d4;
    --comment-color: #6a9955;
    --string-color: #ce9178;
    --keyword-color: #569cd6;
    --function-color: #dcdcaa;
    --number-color: #b5cea8;
    --type-color: #4ec9b0;
    --class-color: #4ec9b0;
    --variable-color: #9cdcfe;
    --terminal-green: #00ff00;
    --line-number-color: #858585;
    --selection-bg: #094771;
    --hover-bg: rgba(9, 71, 113, 0.1);
    --tab-hover-bg: #2d2d2d99;
    
    /* Layout Variables */
    --sidebar-width: 240px;
    --tab-height: 35px;
    --statusbar-height: 22px;
    --terminal-height: 150px;
    --line-height: 20px;
    
    /* Font settings */
    --editor-font: 'JetBrains Mono', 'Fira Code', Consolas, monospace;
    --font-size: 13px;
    --font-size-small: 12px;
    --font-size-code: 14px;
}