/* Windows 98 Design System Variables */
:root {
    /* ===== CORE COLORS ===== */
    /* Window colors */
    --win98-bg: #c0c0c0;
    --win98-window-bg: #c0c0c0;
    --win98-desktop: #008080;

    /* Title bar */
    --win98-titlebar-active: #000080;
    --win98-titlebar-inactive: #808080;
    --win98-titlebar-active-gradient: linear-gradient(90deg, #000080 0%, #1084d0 100%);
    --win98-titlebar-inactive-gradient: linear-gradient(90deg, #808080 0%, #b5b5b5 100%);
    --win98-titlebar-text-active: #ffffff;
    --win98-titlebar-text-inactive: #c0c0c0;

    /* Borders - 3D Effect */
    --win98-border-lightest: #ffffff;
    --win98-border-light: #dfdfdf;
    --win98-border-dark: #808080;
    --win98-border-darkest: #000000;

    /* Button face */
    --win98-button-face: #c0c0c0;
    --win98-button-text: #000000;
    --win98-button-disabled: #808080;

    /* Selection */
    --win98-selection: #000080;
    --win98-selection-text: #ffffff;

    /* Text colors */
    --win98-text: #000000;
    --win98-text-disabled: #808080;
    --win98-text-link: #0000ff;
    --win98-text-link-visited: #800080;

    /* Input fields */
    --win98-input-bg: #ffffff;
    --win98-input-border: inset 2px 2px 0 var(--win98-border-dark);

    /* Special */
    --win98-scrollbar: #c0c0c0;
    --win98-menu-highlight: #000080;
    --win98-tooltip-bg: #ffffe1;
    --win98-tooltip-border: #000000;

    /* ===== TASKBAR ===== */
    --win98-taskbar-bg: #c0c0c0;
    --win98-taskbar-height: 28px;
    --win98-start-button-width: 54px;

    /* ===== TYPOGRAPHY ===== */
    --font-system: "MS Sans Serif", "Microsoft Sans Serif", Tahoma, Geneva, sans-serif;
    --font-mono: "Courier New", Courier, monospace;
    --font-size-normal: 11px;
    --font-size-small: 10px;
    --font-size-title: 11px;
    --font-size-menu: 11px;

    /* ===== ICONOGRAPHY ===== */
    --icon-size-small: 16px;
    --icon-size-medium: 32px;
    --icon-size-large: 48px;

    /* ===== SPACING ===== */
    --spacing-xs: 2px;
    --spacing-sm: 4px;
    --spacing-md: 8px;
    --spacing-lg: 16px;
    --spacing-xl: 24px;

    /* ===== WINDOW DIMENSIONS ===== */
    --window-titlebar-height: 18px;
    --window-border-width: 3px;
    --window-button-size: 16px;
    --window-min-width: 200px;
    --window-min-height: 100px;

    /* ===== Z-INDEX LAYERS ===== */
    --z-desktop: 1;
    --z-desktop-icons: 10;
    --z-windows-base: 100;
    --z-taskbar: 9000;
    --z-start-menu: 9500;
    --z-context-menu: 9600;
    --z-dialog: 9700;
    --z-tooltip: 9800;
    --z-drag-preview: 9900;

    /* ===== ANIMATIONS ===== */
    --transition-fast: 50ms;
    --transition-normal: 100ms;

    /* ===== CRT EFFECT ===== */
    --crt-border-color: #2a2a2a;
    --crt-bezel-color: #1a1a1a;
    --crt-screen-curve: 0;
    --crt-scanline-opacity: 0.1;
}