@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

:root {
    /* Core Windows colors */
    --win-bg: #c0c0c0;
    --win-dark: #808080;
    --win-light: #ffffff;
    --win-darker: #404040;
    --win-title: #000080;
    --win-title-inactive: #808080;
    --desktop-bg: #008080;

    /* Additional colors */
    --color-white: #ffffff;
    --color-black: #000000;
    --color-red: #ff0000;
    --color-green: #00ff00;
    --color-blue: #0000ff;
    --color-yellow: #ffff00;

    /* Spacing */
    --spacing-xs: 2px;
    --spacing-sm: 4px;
    --spacing-md: 8px;
    --spacing-lg: 12px;
    --spacing-xl: 16px;

    /* Typography */
    --font-family-main: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif;
    --font-family-mono: Fixedsys, Consolas, monospace;
    --font-family-terminal: 'Consolas', 'Courier New', monospace;
    --font-family-vt323: 'VT323', 'Consolas', monospace;
    --font-family-serif: 'Times New Roman', serif;
    --font-size-xs: 9px;
    --font-size-sm: 10px;
    --font-size-md: 11px;
    --font-size-lg: 14px;
    --font-size-xl: 16px;
    --font-size-xxl: 18px;

    /* Borders - raised/inset patterns */
    --border-raised: var(--win-light) var(--win-dark) var(--win-dark) var(--win-light);
    --border-inset: var(--win-dark) var(--win-light) var(--win-light) var(--win-dark);

    /* Window dimensions */
    --taskbar-height: 28px;
    --title-bar-height: 22px;
    --icon-size-sm: 14px;
    --icon-size-md: 16px;
    --icon-size-lg: 32px;

    /* Z-index layers */
    --z-desktop: 1;
    --z-window: 100;
    --z-taskbar: 9999;
    --z-start-menu: 10000;
    --z-submenu: 10001;
    --z-dialog: 20000;
    --z-context-menu: 20000;
    --z-tooltip: 100001;
    --z-screensaver: 99998;
    --z-boot: 99999;
    --z-bsod: 999999;
}