/* ==========================================================
   PBK PRISM DESIGN SYSTEM v1.0
   ========================================================== */

:root{

/* COLORS */
--bg-dark:#020617;
--bg-main:#0F172A;
--bg-panel:#111827;
--bg-card:#1E293B;

--primary:#2563EB;
--primary-hover:#1D4ED8;

--accent:#38BDF8;
--accent-2:#7C3AED;

--success:#22C55E;
--warning:#F59E0B;
--danger:#EF4444;

--text-main:#F8FAFC;
--text-secondary:#CBD5E1;
--text-muted:#94A3B8;

/* TYPOGRAPHY */
--font-main:'Inter','Segoe UI',sans-serif;

--fs-hero-xl:72px;
--fs-hero:60px;
--fs-h1:48px;
--fs-h2:36px;
--fs-h3:28px;
--fs-body:17px;
--fs-small:14px;

/* LAYOUT */
--container:1280px;
--radius-sm:8px;
--radius-md:12px;
--radius-lg:18px;
--radius-xl:24px;

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

/* EFFECTS */
--shadow-sm:0 2px 8px rgba(0,0,0,.20);
--shadow-md:0 8px 24px rgba(0,0,0,.30);
--shadow-lg:0 18px 50px rgba(0,0,0,.40);

--glass-bg:rgba(15,23,42,.72);
--glass-border:rgba(255,255,255,.08);
--glass-blur:16px;

--gradient-primary:linear-gradient(135deg,#2563EB,#38BDF8);
--gradient-panel:linear-gradient(180deg,#111827,#020617);

--transition:.30s ease;
}

/* RESET */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
font-family:var(--font-main);
background:var(--bg-dark);
color:var(--text-main);
}