:root {
    --bg: #0f0f1a;
    --surface: #1a1a2e;
    --accent: #e94560;
    --accent-hover: #ff6b81;
    --text: #eee;
    --text-secondary: #999;
    --border: #2a2a3e;
    --success: #2ed573;
    --danger: #ff4757;
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--accent) var(--bg);
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--bg);
}

::-webkit-scrollbar-thumb {
    background: var(--accent);
    border-radius: 4px;
}

body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font-family: 'Segoe UI', 'Roboto', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

::selection {
    background: var(--accent);
    color: white;
}