/* ═══════════════════════════════════════════════════════════════ base.css — Niveshyantra universal shell styles Contains: CSS variables, resets, ambient layers, ticker, header/nav, mobile drawer, footer, floating chat, utilities. Page-specific styles live in pages/.css ═══════════════════════════════════════════════════════════════ */ /* ── Tailwind CDN (for utility classes) ─────────────────────── Include here so every page gets it automatically. In a real build this would be a compiled output. */ @import url("https://cdn.jsdelivr.net/npm/tailwindcss@3.4.4/base.min.css"); /* ── CSS Variables ─────────────────────────────────────────── */ :root { /* Brand */ --primary: #c0c1ff; --on-primary: #1000a9; --secondary: #ddb7ff; --on-secondary: #3a0068; --tertiary: #4cd7f6; --on-tertiary: #003543; /* Surfaces */ --background: #070712; --surface: #0e0e22; --surface-variant: #1c1c38; --on-surface: #e8e8ff; --on-surface-variant: #a3a3c8; /* Feedback */ --green-400: #4ade80; --success-soft: rgba(74,222,128,0.10); /* WhatsApp */ --whatsapp: #25D366; /* Shadows / glows */ --shadow-glow-md: 0 0 24px rgba(192,193,255,0.25), 0 0 48px rgba(192,193,255,0.10); --shadow-glow-lg: 0 0 40px rgba(192,193,255,0.35), 0 0 80px rgba(192,193,255,0.15); --shadow-glow-terminal:0 0 60px rgba(192,193,255,0.12); --shadow-glow-secondary-sm: 0 0 16px rgba(221,183,255,0.30); --shadow-glow-secondary-lg: 0 0 40px rgba(221,183,255,0.45); /* Spacing */ --margin-desktop: 64px; --max-site: 1280px; --min-h-hero: 88vh; --max-terminal: 520px; } /* ── Reset / Base ──────────────────────────────────────────── */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; font-size: 16px; color-scheme: dark; } body { font-family: 'Inter', sans-serif; background-color: var(--background); color: var(--on-surface); min-height: 100vh; overflow-x: hidden; -webkit-font-smoothing: antialiased; } /* ── Native