/* ===========================================================
   SMI TERMINAL
   Design System
   Version : 1.0
   =========================================================== */

:root{

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

--primary:#00E5FF;
--primary-dark:#00B8D4;
--secondary:#6C63FF;
--accent:#FFD166;

--success:#00D084;
--warning:#F4B400;
--danger:#FF4D6D;
--info:#40C4FF;


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

--bg:#050816;
--bg-secondary:#0A1023;
--surface:#10172D;
--card:#151D34;
--card-hover:#1A2440;
--glass:rgba(255,255,255,.05);


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

--text:#FFFFFF;
--text-secondary:#D6D9E3;
--text-muted:#9AA4B2;
--text-disabled:#6B7280;


/*============================================================
=                         BORDER COLORS                       =
============================================================*/

--border:#25314F;
--border-light:#36415E;


/*============================================================
=                          TYPOGRAPHY                         =
============================================================*/

--font-heading:'Space Grotesk',sans-serif;
--font-body:'Inter',sans-serif;

--fw-light:300;
--fw-regular:400;
--fw-medium:500;
--fw-semibold:600;
--fw-bold:700;
--fw-black:800;


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

--fs-xs:12px;
--fs-sm:14px;
--fs-base:16px;
--fs-md:18px;
--fs-lg:20px;
--fs-xl:24px;
--fs-2xl:32px;
--fs-3xl:40px;
--fs-4xl:52px;
--fs-5xl:64px;
--fs-hero:78px;


/*============================================================
=                        LINE HEIGHT                          =
============================================================*/

--lh-tight:1.1;
--lh-normal:1.5;
--lh-loose:1.8;


/*============================================================
=                          SPACING                            =
============================================================*/

--space-4:4px;
--space-8:8px;
--space-12:12px;
--space-16:16px;
--space-20:20px;
--space-24:24px;
--space-32:32px;
--space-40:40px;
--space-48:48px;
--space-56:56px;
--space-64:64px;
--space-80:80px;
--space-96:96px;
--space-120:120px;
--space-160:160px;


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

--radius-sm:6px;
--radius-md:10px;
--radius-lg:16px;
--radius-xl:24px;
--radius-pill:999px;


/*============================================================
=                           SHADOWS                           =
============================================================*/

--shadow-sm:0 4px 10px rgba(0,0,0,.18);

--shadow-md:0 10px 30px rgba(0,0,0,.30);

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

--glow-primary:0 0 25px rgba(0,229,255,.35);

--glow-secondary:0 0 25px rgba(108,99,255,.35);


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

--transition-fast:.20s ease;

--transition-normal:.35s ease;

--transition-slow:.60s ease;


/*============================================================
=                       WEBSITE LAYOUT                        =
============================================================*/

--navbar-height:96px;

--container-width:1440px;

--section-padding:120px;


/*============================================================
=                         Z INDEX                             =
============================================================*/

--z-navbar:100;

--z-dropdown:500;

--z-overlay:1000;

--z-modal:5000;

--z-loader:99999;

}