:root {
    /* Premium Palette - Deep Space & Neon */
    --color-primary: #5865F2;
    /* Discord Blurple */
    --color-primary-hover: #4752c4;
    --color-accent: #00e5ff;
    /* Cyan Neon */
    --color-danger: #ed4245;
    --color-success: #3ba55c;
    --color-warning: #faa61a;

    /* Backgrounds with Depth*/
    --bg-app: #0a0a0c;
    /* Almost Black */
    --bg-glass-heavy: rgba(14, 16, 20, 0.85);
    /* Sidebars */
    --bg-glass-light: rgba(255, 255, 255, 0.03);
    /* Hover states */
    --bg-floating: rgba(0, 0, 0, 0.6);
    /* Modals/Popups */

    /* Glass Effects */
    --blur-base: 20px;
    --glass-border: 1px solid rgba(255, 255, 255, 0.08);
    --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);

    /* Typography */
    --font-display: 'Inter', system-ui, -apple-system, sans-serif;
    --text-header: #ffffff;
    --text-normal: #dcddde;
    --text-muted: #96989d;

    /* Spacing */
    --radius-xl: 24px;
    --radius-lg: 16px;
    --radius-md: 8px;
    --radius-sm: 4px;
}

body {
    background-color: var(--bg-app);
    /* Dynamic Background optimized for performance */
    background-image:
        radial-gradient(circle at 10% 20%, rgba(88, 101, 242, 0.15) 0%, transparent 40%),
        radial-gradient(circle at 90% 80%, rgba(0, 229, 255, 0.1) 0%, transparent 40%);
    color: var(--text-normal);
    font-family: var(--font-display);
    margin: 0;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
}

/* Scrollbar Polish */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

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

::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.2);
}