/* =========================================================== agentivue ai pvt. ltd. — DESIGN TOKENS Dark tech / neural glassmorphism =========================================================== */ @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@600;700;800&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap'); :root { /* ---- Core palette ---- */ --color-bg-base: #050508; --color-bg-dark: #050508; /* legacy alias used across pages */ --color-bg-elevated: #0a0a12; --color-bg-card: rgba(255, 255, 255, 0.04); --color-primary: #6C63FF; /* electric violet — agentivue ai brand */ --color-secondary: #00D4FF; /* cyan-electric */ /* ---- Product accents ---- */ --accent-employees: #6C63FF; /* AI Employees — violet */ --accent-vision: #00FF94; /* Vision Ops — neon green */ --accent-coaching: #FFB800; /* Agentic Coaching — amber gold */ --accent-titan: #FF4444; /* T.I.T.A.N. — red alert */ /* ---- Text ---- */ --color-text-main: #FFFFFF; --color-text-secondary: rgba(255, 255, 255, 0.6); --color-text-muted: rgba(255, 255, 255, 0.35); /* ---- Borders / glows ---- */ --border-default: rgba(255, 255, 255, 0.08); --border-glow: rgba(108, 99, 255, 0.4); --color-accent-glow: rgba(108, 99, 255, 0.35); /* ---- Typography ---- */ --font-primary: 'Inter', system-ui, sans-serif; --font-heading: 'Space Grotesk', 'Syne', sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, monospace; /* ---- Spacing & layout ---- */ --container-width: 1200px; --nav-height: 80px; /* ---- Glass effect ---- */ --glass-background: rgba(255, 255, 255, 0.04); --glass-border: 0.5px solid rgba(255, 255, 255, 0.10); --blur-amount: 16px; /* ---- Motion ---- */ --ease-out: cubic-bezier(0.16, 1, 0.3, 1); --transition-fast: 0.3s cubic-bezier(0.16, 1, 0.3, 1); --transition-smooth: 0.6s cubic-bezier(0.16, 1, 0.3, 1); /* ---- Shadows ---- */ --shadow-glass: 0 0 0 0.5px rgba(108, 99, 255, 0.15), 0 8px 32px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.06); --shadow-glass-hover: 0 0 0 0.5px rgba(108, 99, 255, 0.4), 0 0 40px rgba(108, 99, 255, 0.15), 0 8px 32px rgba(0, 0, 0, 0.4); --shadow-neon: 0 0 24px rgba(108, 99, 255, 0.25), 0 0 48px rgba(0, 212, 255, 0.12); --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.4); } /* Dark base lives on so the fixed neural-field canvas (z-index:-1) shows through transparent body sections. */ html { background-color: var(--color-bg-base); } body { background-color: transparent; color: var(--color-text-main); font-family: var(--font-primary); }