:root {
        color-scheme: dark;
        --accent: #7B5CFF;
        --accent-rgb: 123 92 255;
        --accent-soft: color-mix(in oklab, var(--accent), white 34%);
        --accent-deep: color-mix(in oklab, var(--accent), black 22%);
        --glass-a: color-mix(in oklab, color-mix(in oklab, var(--accent), black 46%), transparent 1%);
        --glass-b: color-mix(in oklab, var(--accent), black 72%);
        --aurora-a: color-mix(in oklab, var(--accent), white 20%);
        --aurora-b: color-mix(in oklab, var(--accent), black 26%);
        --glow: color-mix(in srgb, var(--accent) 55%, transparent);
        --sel: color-mix(in srgb, var(--accent) 45%, transparent);
        --round: 18px;
        --fg: 244 242 255;
        --accent-ring: color-mix(in srgb, var(--accent) 48%, transparent);

        --bg: linear-gradient(155deg, var(--glass-a), var(--glass-b));
        --surface: rgb(255 255 255 / 0.06);
        --surface-hover: rgb(255 255 255 / 0.12);
        --fg-2: rgb(var(--fg) / 0.62);
        --fg-3: rgb(var(--fg) / 0.40);
        --hairline: rgb(255 255 255 / 0.10);

        --danger-rgb: 237 74 88;
        --success-rgb: 60 196 110;
}