:root {
    --bg: #0f0f13;
    --surface: #16161d;
    --border: rgba(255, 255, 255, 0.07);
    --accent: #7c6ef7;
    --accent2: #5eead4;
    --text: #e4e4ef;
    --muted: #6b6b80;
    --code-bg: #1a1a24;
    --radius: 12px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(124, 110, 247, 0.3);
    border-radius: 100px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(124, 110, 247, 0.6);
}

* {
    scrollbar-width: thin;
    scrollbar-color: rgba(124, 110, 247, 0.3) transparent;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    background: var(--bg);
    background-image:
        radial-gradient(ellipse 80% 40% at 20% 10%, rgba(124, 110, 247, 0.12) 0%, transparent 60%),
        radial-gradient(ellipse 60% 50% at 80% 30%, rgba(94, 234, 212, 0.08) 0%, transparent 55%),
        radial-gradient(ellipse 70% 40% at 50% 80%, rgba(124, 110, 247, 0.07) 0%, transparent 60%);
    background-attachment: fixed;
    color: var(--text);
    line-height: 1.6;
    min-height: 100vh;
}