@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-color: #f8f9fb;--container-bg: #ffffff;--logo-bg: #2d3748;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-color: #e5e7eb;--btn-hover-bg: #f9fafb;--btn-hover-border: #d1d5db;--accent-color: #6366f1;--shadow-color: rgba(0, 0, 0, .08);--bg-overlay-color: rgba(0, 0, 0, .25)}.theme-roundcracker{--bg-color: #faf5ff;--container-bg: #ffffff;--logo-bg: #7c3aed;--text-primary: #581c87;--text-secondary: #6b21a8;--text-muted: #6b7280;--border-color: #e9d5ff;--btn-hover-bg: #faf5ff;--btn-hover-border: #c4b5fd;--accent-color: #8b5cf6;--shadow-color: rgba(139, 92, 246, .1);--bg-overlay-color: rgba(139, 92, 246, .15)}.theme-default{--bg-color: #f8f9fb;--container-bg: #ffffff;--logo-bg: #2d3748;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-color: #e5e7eb;--btn-hover-bg: #f9fafb;--btn-hover-border: #d1d5db;--accent-color: #6366f1;--shadow-color: rgba(0, 0, 0, .08);--bg-overlay-color: rgba(0, 0, 0, .25)}.theme-dark{--bg-color: #0f172a;--container-bg: #1e293b;--logo-bg: #475569;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--border-color: #334155;--btn-hover-bg: #334155;--btn-hover-border: #475569;--accent-color: #8b5cf6;--shadow-color: rgba(0, 0, 0, .3);--bg-overlay-color: rgba(0, 0, 0, .4)}.theme-blue{--bg-color: #eff6ff;--container-bg: #ffffff;--logo-bg: #1d4ed8;--text-primary: #1e3a8a;--text-secondary: #3730a3;--text-muted: #6b7280;--border-color: #bfdbfe;--btn-hover-bg: #f0f9ff;--btn-hover-border: #93c5fd;--accent-color: #2563eb;--shadow-color: rgba(37, 99, 235, .1);--bg-overlay-color: rgba(37, 99, 235, .15)}.theme-green{--bg-color: #f0fdf4;--container-bg: #ffffff;--logo-bg: #15803d;--text-primary: #14532d;--text-secondary: #166534;--text-muted: #6b7280;--border-color: #bbf7d0;--btn-hover-bg: #f0fdf4;--btn-hover-border: #86efac;--accent-color: #16a34a;--shadow-color: rgba(34, 197, 94, .1);--bg-overlay-color: rgba(34, 197, 94, .15)}.theme-purple{--bg-color: #faf5ff;--container-bg: #ffffff;--logo-bg: #7c3aed;--text-primary: #581c87;--text-secondary: #6b21a8;--text-muted: #6b7280;--border-color: #e9d5ff;--btn-hover-bg: #faf5ff;--btn-hover-border: #c4b5fd;--accent-color: #8b5cf6;--shadow-color: rgba(139, 92, 246, .1);--bg-overlay-color: rgba(139, 92, 246, .15)}.theme-orange{--bg-color: #fff7ed;--container-bg: #ffffff;--logo-bg: #ea580c;--text-primary: #9a3412;--text-secondary: #c2410c;--text-muted: #6b7280;--border-color: #fed7aa;--btn-hover-bg: #fff7ed;--btn-hover-border: #fdba74;--accent-color: #f97316;--shadow-color: rgba(249, 115, 22, .1);--bg-overlay-color: rgba(249, 115, 22, .15)}.theme-pink{--bg-color: #fdf2f8;--container-bg: #ffffff;--logo-bg: #db2777;--text-primary: #831843;--text-secondary: #be185d;--text-muted: #6b7280;--border-color: #f9a8d4;--btn-hover-bg: #fdf2f8;--btn-hover-border: #f3b6d4;--accent-color: #ec4899;--shadow-color: rgba(236, 72, 153, .1);--bg-overlay-color: rgba(236, 72, 153, .15)}.theme-teal{--bg-color: #f0fdfa;--container-bg: #ffffff;--logo-bg: #0f766e;--text-primary: #134e4a;--text-secondary: #0f766e;--text-muted: #6b7280;--border-color: #99f6e4;--btn-hover-bg: #f0fdfa;--btn-hover-border: #5eead4;--accent-color: #14b8a6;--shadow-color: rgba(20, 184, 166, .1);--bg-overlay-color: rgba(20, 184, 166, .15)}.theme-red{--bg-color: #fef2f2;--container-bg: #ffffff;--logo-bg: #dc2626;--text-primary: #7f1d1d;--text-secondary: #991b1b;--text-muted: #6b7280;--border-color: #fecaca;--btn-hover-bg: #fef2f2;--btn-hover-border: #fca5a5;--accent-color: #ef4444;--shadow-color: rgba(239, 68, 68, .1);--bg-overlay-color: rgba(239, 68, 68, .15)}.theme-indigo{--bg-color: #f0f9ff;--container-bg: #ffffff;--logo-bg: #4338ca;--text-primary: #312e81;--text-secondary: #3730a3;--text-muted: #6b7280;--border-color: #c7d2fe;--btn-hover-bg: #f0f9ff;--btn-hover-border: #a5b4fc;--accent-color: #6366f1;--shadow-color: rgba(99, 102, 241, .1);--bg-overlay-color: rgba(99, 102, 241, .15)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-pulse-slow{animation:pulse 2s infinite}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.gradient-bg{background:linear-gradient(135deg,var(--bg-color) 0%,rgba(255,255,255,.8) 100%)}