:root {

    --bg: #050816;

    --sidebar-bg:
        linear-gradient(
            180deg,
            #080b1c 0%,
            #060919 100%
        );

    --surface: #0c1126;
    --surface-2: #10162d;

    --surface-hover: #151c38;

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

    --text: #f7f8ff;

    --text-soft: #a5acc2;

    --purple: #8b5cf6;
    --purple-dark: #6d28d9;

    --blue: #3b82f6;

    --green: #22c55e;

    --orange: #f59e0b;

    --pink: #ec4899;

    --cyan: #22d3ee;

    --danger: #ef4444;

    --sidebar-width: 245px;

    --radius: 18px;

    --transition: 0.25s ease;

    --shadow:
        0 20px 50px
        rgba(0, 0, 0, 0.22);
}