/* ==========================================================
   AURAMIND V3 DESIGN TOKENS
   ========================================================== */

:root{

/* ==========================================================
   BRAND COLORS
========================================================== */

--am-primary:#6C3EF4;
--am-primary-dark:#5531D6;

--am-secondary:#8A5CFF;

--am-blue:#25B6FF;

--am-pink:#FF5CB8;

--am-yellow:#FFD54A;

--am-orange:#FF9838;

--am-green:#33C481;

/* ==========================================================
   TEXT
========================================================== */

--am-text:#1C2440;

--am-text-light:#5D6785;

--am-white:#FFFFFF;

--am-black:#000000;

/* ==========================================================
   BACKGROUND
========================================================== */

--am-bg:#F7F8FF;

--am-surface:#FFFFFF;

--am-surface-light:#FAFBFF;

--am-border:#E9ECF6;

/* ==========================================================
   GRADIENTS
========================================================== */

--am-gradient-primary:
linear-gradient(
135deg,
#6C3EF4,
#8A5CFF
);

--am-gradient-blue:
linear-gradient(
135deg,
#29B7FF,
#587DFF
);

--am-gradient-orange:
linear-gradient(
135deg,
#FFD54A,
#FF9838
);

--am-gradient-pink:
linear-gradient(
135deg,
#FF5CB8,
#FF89D0
);

--am-gradient-green:
linear-gradient(
135deg,
#33C481,
#59D99C
);

/* ==========================================================
   RADIUS
========================================================== */

--radius-xs:10px;

--radius-sm:16px;

--radius-md:22px;

--radius-lg:30px;

--radius-xl:40px;

--radius-round:999px;

/* ==========================================================
   SHADOW
========================================================== */

--shadow-sm:
0 8px 20px rgba(0,0,0,.05);

--shadow-md:
0 15px 35px rgba(0,0,0,.08);

--shadow-lg:
0 30px 60px rgba(0,0,0,.12);

--shadow-glow:
0 20px 60px rgba(108,62,244,.25);

/* ==========================================================
   CONTAINER
========================================================== */

--container:1320px;

--section-space:120px;

--section-space-mobile:70px;

/* ==========================================================
   FONT
========================================================== */

--font-family:
"Inter",
"Segoe UI",
sans-serif;

/* ==========================================================
   TRANSITIONS
========================================================== */

--transition:
all .35s ease;
/* ==========================================================
   MARQUEE SPEED
========================================================== */

--marquee-speed-desktop:25s;
--marquee-speed-mobile:15s;
}