/*
========================================================

Project : ZBITVERSE
Version : 1.0
File : variables.css

Description:
Global Design Tokens

========================================================
*/

:root{

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

--color-primary:#2563EB;
--color-primary-light:#38BDF8;

--color-bg:#050816;
--color-surface:#0D1226;
--color-surface-light:#111827;

--color-white:#F8FAFC;

--color-text:#F8FAFC;
--color-text-secondary:#CBD5E1;
--color-text-muted:#64748B;

--color-border:#1E293B;

--color-success:#10B981;

--color-danger:#EF4444;

--color-warning:#F59E0B;


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

--font-family:'Inter',sans-serif;

--font-size-xs:.75rem;
--font-size-sm:.875rem;
--font-size-md:1rem;
--font-size-lg:1.125rem;
--font-size-xl:1.25rem;
--font-size-2xl:1.5rem;
--font-size-3xl:2rem;
--font-size-4xl:3rem;
--font-size-5xl:4rem;


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

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


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

--space-1:8px;
--space-2:16px;
--space-3:24px;
--space-4:32px;
--space-5:48px;
--space-6:64px;
--space-7:96px;
--space-8:128px;


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

--radius-sm:8px;
--radius-md:12px;
--radius-lg:16px;
--radius-xl:24px;


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

--shadow-sm:0 5px 15px rgba(0,0,0,.20);

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

--shadow-lg:0 30px 80px rgba(0,0,0,.45);


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

--transition-fast:.25s ease;

--transition-normal:.40s ease;

--transition-slow:.60s ease;


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

--container:1280px;

--header-height:90px;

}