/* CSS Reset và Variables */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --win95-gray: #c0c0c0;
    --win95-dark-gray: #808080;
    --win95-light-gray: #dfdfdf;
    --win95-blue: #0000ff;
    --win95-white: #ffffff;
    --win95-black: #000000;
    --win95-green: #008000;
    --win95-red: #ff0000;
    
    --border-raised: inset 1px 1px #dfdfdf, inset -1px -1px #808080;
    --border-sunken: inset 1px 1px #808080, inset -1px -1px #dfdfdf;
    --border-flat: 1px solid #808080;
}

body {
    font-family: 'MS Sans Serif', sans-serif;
    font-size: 11px;
    background: var(--win95-gray);
    overflow: hidden;
    height: 100vh;
    cursor: default;
    user-select: none;
}

.button {
    background: var(--win95-gray);
    border: var(--border-raised);
    padding: 2px 8px;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
}

.button:active {
    border: var(--border-sunken);
}

.button:disabled {
    color: var(--win95-dark-gray);
    cursor: default;
}