/* ═══════════════════════════════════════════════════ Light theme — variable overrides Activate by adding data-theme="light" to Served from the shared assets server. Import via: or @import from SHARED_URL/css/light.css ═══════════════════════════════════════════════════ */ [data-theme="light"] { /* Accent colors (standard saturation for light backgrounds) */ --blue: #3A86FF; --blue-light: #EBF2FF; --green: #10B981; --green-light: #E8FBF0; --orange: #F97316; --orange-light: #FFF5E0; --red: #FF6B6B; --red-light: #FFECEB; --purple: #8B5CF6; --purple-light: #f5f3ff; /* Surface scale (normal order: lower number = lighter) */ --slate-50: #f8fafc; --slate-100: #f1f5f9; --slate-200: #e2e8f0; --slate-300: #cbd5e1; --slate-400: #94a3b8; --slate-500: #64748b; --slate-600: #475569; --slate-800: #1e293b; --slate-900: #0f172a; /* Semantic surfaces */ --surface: #ffffff; --surface-raised: #ffffff; /* Hero */ --hero-gradient-start: #ffffff; --hero-gradient-end: #f8fafc; /* Badge / accents */ --badge-text: #059669; --green-accent: #059669; --orange-accent: #D97706; --purple-accent: #7C3AED; /* Feature number backgrounds */ --green-num-bg: #ecfdf5; --orange-num-bg: #fffbeb; --purple-num-bg: #f5f3ff; /* CTA buttons */ --cta-btn-bg: #ffffff; --cta-btn-color: #3A86FF; --cta-btn-alt-bg: rgba(255,255,255,0.15); --cta-btn-alt-color: #ffffff; /* Component backgrounds */ --chat-ai-bg: #ffffff; --horizon-item-bg: #ffffff; --input-bg: #ffffff; /* Interactive */ --blue-hover: #2b6fd4; /* Header */ --header-bg: #ffffff; /* CTA strip */ --cta-strip-bg: #3A86FF; --cta-strip-desc: rgba(255,255,255,0.8); /* Shadows (lighter for light theme) */ --shadow-card: 0 1px 2px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.04); --shadow-card-hover: 0 4px 8px rgba(0,0,0,0.05), 0 12px 32px rgba(0,0,0,0.08); --shadow-blue-glow: 0 8px 24px -8px rgba(91,159,255,0.45); }