[hidden] {
    display: none !important;
}

:root {
    --bg-main: #0f1015;
    --bg-surface: #181a22;
    --bg-surface-hover: #202331;
    --bg-card: #181a22;
    --bg-card-dark: #11131b;
    --bg-sidebar: #181a22;

    --primary: #7c3aed;
    --primary-hover: #8b5cf6;

    --border: rgba(255, 255, 255, 0.08);

    --text-main: #ffffff;
    --text-muted: #9ca3af;

    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 20px;

    --radius-button: var(--radius-sm);
    --radius-card: var(--radius-lg);

    --space-xs: 8px;
    --space-sm: 12px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;

    --transition: 150ms ease;
}

* {
    box-sizing: border-box;
}

html {
    min-height: 100%;
}

body {
    margin: 0;
    min-height: 100vh;

    background:
        radial-gradient(circle at top, rgba(124, 58, 237, 0.18), transparent 34%),
        var(--bg-main);

    color: var(--text-main);
    font-family: Inter, Arial, sans-serif;
}

a {
    color: inherit;
    text-decoration: none;
}