:root {
    --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-family-monospace: 'Consolas', 'Courier New', monospace;
}

body.theme-casual {
    --bg-color: #1e1e1e;
    --text-color: #d4d4d4;
    --primary-color: #0e639c;
    --primary-color-hover: #1177bb;
    --header-bg: #2d2d2d;
    --header-text: #ffffff;
    --brand-text: #ffffff;
    --sidebar-bg: #252526;
    --sidebar-border: #3f3f46;
    --panel-header-bg: #333333;
    --panel-header-text: #eeeeee;
    --editor-bg: #1e1e1e;
    --line-number-color: #858585;
    --button-bg: #3a3d41;
    --button-hover-bg: #4a4d51;
    --button-text: #ffffff;
    --input-bg: #3c3c3c;
    --input-border: #3c3c3c;
    --input-text: #cccccc;
    --modal-bg: rgba(0, 0, 0, 0.6);
    --modal-content-bg: #252526;
    --modal-header-bg: #333333;
    --context-menu-bg: #252526;
    --context-menu-border: #3f3f46;
    --context-menu-hover-bg: #0e639c;
    --tree-item-hover-bg: #2a2d2e;
    --tree-item-active-bg: #094771;
    --tree-item-folder-text: #d4d4d4;
    --tree-item-file-text: #cccccc;
    --hl-comment: #6a9955;
    --hl-string: #ce9178;
    --hl-number: #b5cea8;
    --hl-keyword: #569cd6;
    --hl-command: #dcdcaa;
}

body.theme-playful {
    --bg-color: #001f4c;
    --text-color: #ffffff;
    --primary-color: #ffb800;
    --primary-color-hover: #ffcf40;
    --header-bg: #001433;
    --header-text: #ffffff;
    --brand-text: #ffffff;
    --sidebar-bg: #00193d;
    --sidebar-border: #003d99;
    --panel-header-bg: #001433;
    --panel-header-text: #ffffff;
    --editor-bg: #001f4c;
    --line-number-color: #0080ff;
    --button-bg: #003d99;
    --button-hover-bg: #0052cc;
    --button-text: #ffffff;
    --input-bg: #001433;
    --input-border: #003d99;
    --input-text: #ffffff;
    --modal-bg: rgba(0, 0, 0, 0.7);
    --modal-content-bg: #00193d;
    --modal-header-bg: #001433;
    --context-menu-bg: #001433;
    --context-menu-border: #003d99;
    --context-menu-hover-bg: #0052cc;
    --tree-item-hover-bg: #002966;
    --tree-item-active-bg: #0052cc;
    --tree-item-folder-text: #ffffff;
    --tree-item-file-text: #dddddd;
    --hl-comment: #00e600; /* Bright Green */
    --hl-string: #ffffff;  /* White */
    --hl-number: #ff4d4d;  /* Light Red */
    --hl-keyword: #ffff00; /* Bright Yellow */
    --hl-command: #00ffff; /* Cyan */
}