@tailwind base;@tailwind components;@tailwind utilities;@layer base{html,body,#root{background:var(--bg-primary);min-height:100%}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow:hidden}*{box-sizing:border-box}[role=button],[role=link]{cursor:pointer}input,textarea{outline-color:var(--accent-primary)}:root,.theme-light{--bg-primary:#fff;--bg-secondary:#f8fafc;--text-primary:#1f2937;--text-secondary:#6b7280;--accent-primary:#3b82f6;--accent-secondary:#2563eb;--accent-text:#fff;--border-primary:#e5e7eb;--border-secondary:#f3f4f6;--error:#ef4444;--success:#10b981;--warning:#f59e0b;--font-size-xs:calc(12px * var(--font-size-multiplier,1));--font-size-sm:calc(14px * var(--font-size-multiplier,1));--font-size-base:calc(16px * var(--font-size-multiplier,1));--font-size-lg:calc(18px * var(--font-size-multiplier,1));--font-size-xl:calc(20px * var(--font-size-multiplier,1));--font-size-2xl:calc(24px * var(--font-size-multiplier,1));--font-size-3xl:calc(30px * var(--font-size-multiplier,1));--font-size-4xl:calc(36px * var(--font-size-multiplier,1));--font-size-5xl:calc(48px * var(--font-size-multiplier,1));--font-size-6xl:calc(60px * var(--font-size-multiplier,1))}.theme-dark{--bg-primary:#111827;--bg-secondary:#1a1f2e;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--accent-primary:#818cf8;--accent-secondary:#6366f1;--accent-text:#fff;--border-primary:#374151;--border-secondary:#1f2937;--error:#ef4444;--success:#10b981;--warning:#f59e0b;--font-size-xs:calc(12px * var(--font-size-multiplier,1));--font-size-sm:calc(14px * var(--font-size-multiplier,1));--font-size-base:calc(16px * var(--font-size-multiplier,1));--font-size-lg:calc(18px * var(--font-size-multiplier,1));--font-size-xl:calc(20px * var(--font-size-multiplier,1));--font-size-2xl:calc(24px * var(--font-size-multiplier,1));--font-size-3xl:calc(30px * var(--font-size-multiplier,1));--font-size-4xl:calc(36px * var(--font-size-multiplier,1));--font-size-5xl:calc(48px * var(--font-size-multiplier,1));--font-size-6xl:calc(60px * var(--font-size-multiplier,1))}.theme-nebula{--bg-primary:#0f0f23;--bg-secondary:#1a1a2e;--text-primary:#e0e6ed;--text-secondary:#a0a6ad;--accent-primary:#8b5cf6;--accent-secondary:#7c3aed;--accent-text:#fff;--border-primary:#2d2d44;--border-secondary:#1a1a2e;--error:#f87171;--success:#34d399;--warning:#fbbf24;--font-size-xs:calc(12px * var(--font-size-multiplier,1));--font-size-sm:calc(14px * var(--font-size-multiplier,1));--font-size-base:calc(16px * var(--font-size-multiplier,1));--font-size-lg:calc(18px * var(--font-size-multiplier,1));--font-size-xl:calc(20px * var(--font-size-multiplier,1));--font-size-2xl:calc(24px * var(--font-size-multiplier,1));--font-size-3xl:calc(30px * var(--font-size-multiplier,1));--font-size-4xl:calc(36px * var(--font-size-multiplier,1));--font-size-5xl:calc(48px * var(--font-size-multiplier,1));--font-size-6xl:calc(60px * var(--font-size-multiplier,1))}.theme-ocean{--bg-primary:#0c1445;--bg-secondary:#1e3a8a;--text-primary:#e0f2fe;--text-secondary:#b8d4f0;--accent-primary:#06b6d4;--accent-secondary:#0891b2;--accent-text:#fff;--border-primary:#1e40af;--border-secondary:#1e3a8a;--error:#f87171;--success:#34d399;--warning:#fbbf24;--font-size-xs:calc(12px * var(--font-size-multiplier,1));--font-size-sm:calc(14px * var(--font-size-multiplier,1));--font-size-base:calc(16px * var(--font-size-multiplier,1));--font-size-lg:calc(18px * var(--font-size-multiplier,1));--font-size-xl:calc(20px * var(--font-size-multiplier,1));--font-size-2xl:calc(24px * var(--font-size-multiplier,1));--font-size-3xl:calc(30px * var(--font-size-multiplier,1));--font-size-4xl:calc(36px * var(--font-size-multiplier,1));--font-size-5xl:calc(48px * var(--font-size-multiplier,1));--font-size-6xl:calc(60px * var(--font-size-multiplier,1))}.theme-forest{--bg-primary:#0f1b0f;--bg-secondary:#1a2e1a;--text-primary:#e0ede0;--text-secondary:#b8d4b8;--accent-primary:#22c55e;--accent-secondary:#16a34a;--accent-text:#fff;--border-primary:#2d442d;--border-secondary:#1a2e1a;--error:#f87171;--success:#34d399;--warning:#fbbf24;--font-size-xs:calc(12px * var(--font-size-multiplier,1));--font-size-sm:calc(14px * var(--font-size-multiplier,1));--font-size-base:calc(16px * var(--font-size-multiplier,1));--font-size-lg:calc(18px * var(--font-size-multiplier,1));--font-size-xl:calc(20px * var(--font-size-multiplier,1));--font-size-2xl:calc(24px * var(--font-size-multiplier,1));--font-size-3xl:calc(30px * var(--font-size-multiplier,1));--font-size-4xl:calc(36px * var(--font-size-multiplier,1));--font-size-5xl:calc(48px * var(--font-size-multiplier,1));--font-size-6xl:calc(60px * var(--font-size-multiplier,1))}.theme-mightmatter{--bg-primary:#eef4fb;--bg-secondary:#fff;--text-primary:#0f1b2d;--text-secondary:#4a5b73;--accent-primary:#06b6d4;--accent-secondary:#0891b2;--accent-text:#fff;--border-primary:#d0e0f0;--border-secondary:#e2ecf7;--error:#e5484d;--success:#2fb583;--warning:#d97706;--font-size-xs:calc(12px * var(--font-size-multiplier,1));--font-size-sm:calc(14px * var(--font-size-multiplier,1));--font-size-base:calc(16px * var(--font-size-multiplier,1));--font-size-lg:calc(18px * var(--font-size-multiplier,1));--font-size-xl:calc(20px * var(--font-size-multiplier,1));--font-size-2xl:calc(24px * var(--font-size-multiplier,1));--font-size-3xl:calc(30px * var(--font-size-multiplier,1));--font-size-4xl:calc(36px * var(--font-size-multiplier,1));--font-size-5xl:calc(48px * var(--font-size-multiplier,1));--font-size-6xl:calc(60px * var(--font-size-multiplier,1))}.theme-mightmatter-dark{--bg-primary:#0a1020;--bg-secondary:#121d33;--text-primary:#eaf2fb;--text-secondary:#9fb2cd;--accent-primary:#22d3ee;--accent-secondary:#67e8f9;--accent-text:#04121c;--border-primary:#213150;--border-secondary:#0e1729;--error:#fb7185;--success:#5fd0a8;--warning:#fde047;--font-size-xs:calc(12px * var(--font-size-multiplier,1));--font-size-sm:calc(14px * var(--font-size-multiplier,1));--font-size-base:calc(16px * var(--font-size-multiplier,1));--font-size-lg:calc(18px * var(--font-size-multiplier,1));--font-size-xl:calc(20px * var(--font-size-multiplier,1));--font-size-2xl:calc(24px * var(--font-size-multiplier,1));--font-size-3xl:calc(30px * var(--font-size-multiplier,1));--font-size-4xl:calc(36px * var(--font-size-multiplier,1));--font-size-5xl:calc(48px * var(--font-size-multiplier,1));--font-size-6xl:calc(60px * var(--font-size-multiplier,1))}}@layer components{.nebula-gradient{background:linear-gradient(135deg, theme("colors.indigo.50"), theme("colors.purple.50"), theme("colors.blue.50"))}}html.theme-mightmatter-dark,html.theme-mightmatter-dark body{background:radial-gradient(90% 60% at 78% -5%, rgba(34,211,238,.07), transparent 60%), radial-gradient(80% 60% at 5% 105%, rgba(167,139,250,.06), transparent 60%), var(--bg-primary)}html.theme-mightmatter,html.theme-mightmatter body{background:radial-gradient(90% 60% at 82% -5%, rgba(34,211,238,.14), transparent 58%), radial-gradient(75% 55% at 8% 105%, rgba(167,139,250,.1), transparent 58%), radial-gradient(50% 40% at 50% 50%, rgba(253,224,71,.04), transparent 70%), var(--bg-primary)}