/*
==========================================================
UET DESIGN TOKENS
Version 1.0
==========================================================
*/

:root{

/*
==========================================================
Brand
==========================================================
*/

--uet-primary:#00AEEF;

--uet-secondary:#FF2D78;

--uet-success:#3DDC84;

--uet-warning:#FFB020;

--uet-danger:#FF4D4F;

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

--uet-bg:#0B0C10;

--uet-bg-light:#11141B;

--uet-card:#161922;

--uet-card-hover:#1C202A;

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

--uet-text:#FFFFFF;

--uet-muted:#8E95A8;

--uet-disabled:#5A6072;

/*
==========================================================
Borders
==========================================================
*/

--uet-border:rgba(255,255,255,.06);

--uet-border-light:rgba(255,255,255,.10);

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

--uet-radius-xs:6px;

--uet-radius-sm:10px;

--uet-radius-md:14px;

--uet-radius-lg:18px;

--uet-radius-xl:24px;

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

--uet-space-xs:6px;

--uet-space-sm:10px;

--uet-space-md:16px;

--uet-space-lg:24px;

--uet-space-xl:32px;

/*
==========================================================
Transitions
==========================================================
*/

--uet-transition-fast:.15s;

--uet-transition:.25s;

--uet-transition-slow:.40s;

/*
==========================================================
Shadows
==========================================================
*/

--uet-shadow:

0 8px 24px rgba(0,0,0,.30);

--uet-glow-blue:

0 0 24px rgba(0,174,239,.35);

--uet-glow-pink:

0 0 24px rgba(255,45,120,.35);

/*
==========================================================
Header
==========================================================
*/

--uet-header-height:72px;

/*
==========================================================
Hub
==========================================================
*/

--uet-hub-width:280px;

--uet-hub-collapsed:72px;

}