/*
======================================================
MYAYA TECHNOLOGIES V2
Theme System
Version 2.0
======================================================
*/

:root{

/*====================================================
Colors
====================================================*/

--primary:#00E8FF;
--primary-light:#6FF5FF;
--primary-dark:#0098B8;

--accent:#FF6A00;
--accent-light:#FF9240;
--accent-dark:#B64A00;

--success:#00FF99;
--warning:#FFC107;
--danger:#FF3D57;

--background:#040404;
--background-secondary:#090C12;
--surface:#0C1118;
--surface-light:#141C26;

--card:#101821;

--text:#FFFFFF;
--text-secondary:#C5CED9;
--text-muted:#7D8895;

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

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

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

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


/*====================================================
Glow Colors
====================================================*/

--cyan-glow:rgba(0,232,255,.55);

--orange-glow:rgba(255,106,0,.45);

--white-glow:rgba(255,255,255,.20);


/*====================================================
Gradients
====================================================*/

--gradient-primary:
linear-gradient(
135deg,
#00E8FF,
#00C8FF,
#009EFF
);

--gradient-accent:
linear-gradient(
135deg,
#FF6A00,
#FF8A00
);

--gradient-dark:
linear-gradient(
180deg,
#090909,
#050505
);

--gradient-card:
linear-gradient(
180deg,
rgba(255,255,255,.05),
rgba(255,255,255,.02)
);


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

--radius-xs:8px;

--radius-sm:12px;

--radius-md:18px;

--radius-lg:24px;

--radius-xl:32px;

--radius-pill:999px;


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

--space-xs:.5rem;

--space-sm:1rem;

--space-md:2rem;

--space-lg:4rem;

--space-xl:6rem;

--space-2xl:8rem;


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

--container:1300px;


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

--fast:.2s;

--normal:.35s;

--slow:.6s;


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

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

--shadow-medium:
0 15px 40px rgba(0,0,0,.45);

--shadow-large:
0 25px 70px rgba(0,0,0,.60);

--shadow-cyan:
0 0 35px rgba(0,232,255,.25);

--shadow-orange:
0 0 35px rgba(255,106,0,.25);


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

--blur-sm:8px;

--blur-md:16px;

--blur-lg:24px;

--blur-xl:40px;


/*====================================================
Fonts
====================================================*/

--font-main:
Inter,
Segoe UI,
Roboto,
Helvetica,
Arial,
sans-serif;

--font-display:
Inter,
Segoe UI,
sans-serif;


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

--tracking-sm:.5px;

--tracking-md:1px;

--tracking-lg:2px;


/*====================================================
Z Index
====================================================*/

--z-background:-1;

--z-normal:1;

--z-header:100;

--z-navbar:500;

--z-dropdown:1000;

--z-modal:5000;

}


/*
======================================================
Global Selection
======================================================
*/

::selection{

background:var(--primary);

color:#000;

}

::-moz-selection{

background:var(--primary);

color:#000;

}