:root{
    /* Colors */
    --background:#09090B;
    --surface:#18181B;
    --surface-2:#27272A;

    --primary:#8B5CF6;
    --primary-hover:#7C3AED;

    --secondary:#06B6D4;

    --text:#F8FAFC;
    --muted:#94A3B8;

    --success:#22C55E;
    --warning:#F59E0B;
    --danger:#EF4444;

    --border:rgba(255,255,255,.08);

    /* Radius */

    --radius-sm:12px;
    --radius:18px;
    --radius-lg:28px;

    /* Shadows */

    --shadow:
        0 20px 60px rgba(0,0,0,.35);

    /* Transition */

    --transition:.30s ease;
}