/*=========================================
SAMVET DESIGN SYSTEM 1.0
DESIGN TOKENS
=========================================*/

:root{

/*==========
Primary
==========*/

--primary:#7C3AED;

--secondary:#00E5FF;

--accent:#FF4D9D;

--success:#22C55E;

--warning:#F59E0B;

--danger:#EF4444;

/*==========
Background
==========*/

--bg:#050816;

--surface:#0F172A;

--surface-light:#1E293B;

/*==========
Glass
==========*/

--glass:rgba(255,255,255,.05);

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

--glass-hover:rgba(255,255,255,.09);

/*==========
Text
==========*/

--text:#FFFFFF;

--text-light:#CBD5E1;

--text-muted:#94A3B8;

/*==========
Gradient
==========*/

--gradient-primary:

linear-gradient(

90deg,

#00E5FF,

#7C3AED,

#FF4D9D

);

/*==========
Shadow
==========*/

--shadow-sm:

0 5px 15px rgba(0,0,0,.20);

--shadow-md:

0 15px 35px rgba(0,0,0,.25);

--shadow-lg:

0 30px 70px rgba(124,58,237,.25);

/*==========
Radius
==========*/

--radius-xs:8px;

--radius-sm:12px;

--radius-md:20px;

--radius-lg:30px;

--radius-xl:50px;

/*==========
Spacing
==========*/

--space-xs:8px;

--space-sm:16px;

--space-md:24px;

--space-lg:40px;

--space-xl:60px;

--space-2xl:120px;

/*==========
Transition
==========*/

--transition-fast:.25s;

--transition:.35s;

--transition-slow:.6s;

/*==========
Blur
==========*/

--blur:20px;

/*==========
Container
==========*/

--container:1400px;

}