:root {
    /* Base Colors - OLED-style deep blacks & subtle depths */
    --bg-root: #000000;
    --bg-activity: #000000;
    --bg-sidebar: #0a0a0a;
    --bg-editor: #0d0d0d;
    --bg-tab-inactive: #0a0a0a;

    /* UI Borders - Barely-there structural lines */
    --border-color: #222222;
    --border-resizer: transparent;

    /* Text - Crisp "Zinc" grays for high readability without glare */
    --text-main: #a1a1aa;   /* Zinc 400 */
    --text-muted: #52525b;  /* Zinc 600 */
    --text-light: #f4f4f5;  /* Zinc 100 */

    /* Premium Accent - Electric Teal/Cyan */
    --accent: #00e5bf;
    --accent-hover: #33ffdb;

    /* Language Icon Colors */
    --ts-blue: #3178c6;
    --js-yellow: #f7df1e;
    --error-bg: #ef4444; /* Modern soft red */
}

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background-color: var(--bg-root);
    color: var(--text-main);
    /* Modernized font stack favoring clarity and smoothness */
    font-family: 'Geist', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    overflow: hidden;

    /* Crucial for making thin fonts look premium on dark mode */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}