/* ─── Design Tokens ─────────────────────────────────────────────────────────── */ /* Note: Google Fonts are loaded via in , not @import here, to avoid a duplicate font fetch. */ :root { --primary: #0EA5E9; --primary-dark: #0284C7; --primary-light: #38BDF8; --primary-glow: rgba(14, 165, 233, 0.30); --accent: #F05A5A; --accent-soft: rgba(240, 90, 90, 0.10); --accent-glow: rgba(240, 90, 90, 0.30); --cyan-soft: rgba(14, 165, 233, 0.10); --dark: #1E293B; --dark-card: #0F172A; --dark-border: rgba(255,255,255,0.08); --white: #FFFFFF; --muted: #64748B; --light-bg: #F0F9FF; --light-alt: #FFF8F8; --light-card: #FFFFFF; --light-border: #E0F2FE; --charcoal: #2D2D2D; --font-display: 'Plus Jakarta Sans', sans-serif; --font-body: 'DM Sans', sans-serif; --shadow-sm: 0 1px 3px rgba(0,0,0,0.06); --shadow-md: 0 4px 16px rgba(14,165,233,0.12); --shadow-lg: 0 12px 40px rgba(14,165,233,0.16); --shadow-xl: 0 24px 64px rgba(14,165,233,0.22); --shadow-red: 0 8px 32px rgba(240,90,90,0.25); --radius-sm: 8px; --radius-md: 14px; --radius-lg: 20px; --radius-xl: 32px; --radius-full: 9999px; --nav-h: 72px; --transition: 0.28s cubic-bezier(0.4,0,0.2,1); }