# /*

CYBERSECURITY COMMAND CENTER THEME
variables.css
=============

*/

:root {

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

--bg-primary: #0a0f1c;
--bg-secondary: #111827;
--bg-tertiary: #1a2235;

--surface-card: #131c2e;
--surface-card-hover: #18243b;

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

--accent-blue: #00d4ff;
--accent-blue-soft: #3de0ff;

--accent-purple: #7b61ff;

--accent-green: #00ff9d;

--accent-red: #ff4d6d;

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

--text-primary: #ffffff;

--text-secondary: #b6c2d1;

--text-muted: #7f8ca1;

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

--border-primary: rgba(255,255,255,0.08);

--border-accent: rgba(0,212,255,0.25);

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

--shadow-card:
0 10px 30px rgba(0,0,0,0.35);

--shadow-glow-blue:
0 0 20px rgba(0,212,255,0.15);

--shadow-glow-purple:
0 0 20px rgba(123,97,255,0.15);

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

--font-primary:
"Inter",
"Segoe UI",
sans-serif;

--font-mono:
"JetBrains Mono",
"Consolas",
monospace;

/* =====================================
FONT SIZES
===================================== */

--fs-xs: 0.75rem;
--fs-sm: 0.875rem;
--fs-md: 1rem;
--fs-lg: 1.125rem;
--fs-xl: 1.5rem;
--fs-2xl: 2rem;
--fs-3xl: 3rem;
--fs-4xl: 4rem;

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

--radius-sm: 8px;
--radius-md: 12px;
--radius-lg: 20px;
--radius-xl: 28px;

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

--transition-fast: 0.2s ease;

--transition-normal: 0.3s ease;

--transition-slow: 0.5s ease;

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

--container-width: 1400px;

--section-spacing: 120px;

--navbar-height: 80px;

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

--z-background: 1;

--z-content: 10;

--z-navbar: 1000;

--z-modal: 9999;

}