:root {
    --bg: #0b1020;
    --panel: #0f1730;
    --panel-2: #121c3a;
    --text: #e7ecff;
    --muted: #a8b3e6;
    --border: rgba(255, 255, 255, .08);
    --hover: rgba(255, 255, 255, .06);
    --focus: rgba(99, 170, 255, .25);
    --accent: #63aaff;

    /* Win98 sidebar */
    --w98-bg: #c0c0c0;
    --w98-title: #000080;
    --w98-title-text: #fff;
    --w98-text: #000;
    --w98-highlight: #000080;
    --w98-highlight-text: #fff;
    --w98-shadow-dark: #808080;
    --w98-shadow-light: #dfdfdf;
    --w98-white: #fff;
}

* {
    box-sizing: border-box;
}

html, body {
    height: 100%;
}

body {
    margin: 0;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    background: #008080;
    color: var(--text);
}

/* Layout */
.app {
    min-height: 100vh;
    padding-bottom: 36px;
}

main {
    padding: 28px;
}