:root[data-theme=modern-blue]{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary-50: #f0f9ff;--secondary-100: #e0f2fe;--secondary-200: #bae6fd;--secondary-300: #7dd3fc;--secondary-400: #38bdf8;--secondary-500: #0ea5e9;--secondary-600: #0284c7;--secondary-700: #0369a1;--secondary-800: #075985;--secondary-900: #0c4a6e;--accent-50: #eef2ff;--accent-100: #e0e7ff;--accent-200: #c7d2fe;--accent-300: #a5b4fc;--accent-400: #818cf8;--accent-500: #6366f1;--accent-600: #4f46e5;--accent-700: #4338ca;--accent-800: #3730a3;--accent-900: #312e81}:root[data-theme=forest-green]{--primary-50: #f0fdf4;--primary-100: #dcfce7;--primary-200: #bbf7d0;--primary-300: #86efac;--primary-400: #4ade80;--primary-500: #22c55e;--primary-600: #16a34a;--primary-700: #15803d;--primary-800: #166534;--primary-900: #14532d;--secondary-50: #ecfdf5;--secondary-100: #d1fae5;--secondary-200: #a7f3d0;--secondary-300: #6ee7b7;--secondary-400: #34d399;--secondary-500: #10b981;--secondary-600: #059669;--secondary-700: #047857;--secondary-800: #065f46;--secondary-900: #064e3b;--accent-50: #f0fdfa;--accent-100: #ccfbf1;--accent-200: #99f6e4;--accent-300: #5eead4;--accent-400: #2dd4bf;--accent-500: #14b8a6;--accent-600: #0d9488;--accent-700: #0f766e;--accent-800: #115e59;--accent-900: #134e4a}:root[data-theme=purple-royal]{--primary-50: #faf5ff;--primary-100: #f3e8ff;--primary-200: #e9d5ff;--primary-300: #d8b4fe;--primary-400: #c084fc;--primary-500: #a855f7;--primary-600: #9333ea;--primary-700: #7c3aed;--primary-800: #6b21a8;--primary-900: #581c87;--secondary-50: #f5f3ff;--secondary-100: #ede9fe;--secondary-200: #ddd6fe;--secondary-300: #c4b5fd;--secondary-400: #a78bfa;--secondary-500: #8b5cf6;--secondary-600: #7c3aed;--secondary-700: #6d28d9;--secondary-800: #5b21b6;--secondary-900: #4c1d95;--accent-50: #fdf2f8;--accent-100: #fce7f3;--accent-200: #fbcfe8;--accent-300: #f9a8d4;--accent-400: #f472b6;--accent-500: #ec4899;--accent-600: #db2777;--accent-700: #be185d;--accent-800: #9d174d;--accent-900: #831843}:root[data-theme=sunset-orange]{--primary-50: #fff7ed;--primary-100: #ffedd5;--primary-200: #fed7aa;--primary-300: #fdba74;--primary-400: #fb923c;--primary-500: #f97316;--primary-600: #ea580c;--primary-700: #c2410c;--primary-800: #9a3412;--primary-900: #7c2d12;--secondary-50: #fffbeb;--secondary-100: #fef3c7;--secondary-200: #fde68a;--secondary-300: #fcd34d;--secondary-400: #fbbf24;--secondary-500: #f59e0b;--secondary-600: #d97706;--secondary-700: #b45309;--secondary-800: #92400e;--secondary-900: #78350f;--accent-50: #fef2f2;--accent-100: #fee2e2;--accent-200: #fecaca;--accent-300: #fca5a5;--accent-400: #f87171;--accent-500: #ef4444;--accent-600: #dc2626;--accent-700: #b91c1c;--accent-800: #991b1b;--accent-900: #7f1d1d}:root[data-theme=slate-gray]{--primary-50: #f8fafc;--primary-100: #f1f5f9;--primary-200: #e2e8f0;--primary-300: #cbd5e1;--primary-400: #94a3b8;--primary-500: #64748b;--primary-600: #475569;--primary-700: #334155;--primary-800: #1e293b;--primary-900: #0f172a;--secondary-50: #fafafa;--secondary-100: #f4f4f5;--secondary-200: #e4e4e7;--secondary-300: #d4d4d8;--secondary-400: #a1a1aa;--secondary-500: #71717a;--secondary-600: #52525b;--secondary-700: #3f3f46;--secondary-800: #27272a;--secondary-900: #18181b;--accent-50: #eff6ff;--accent-100: #dbeafe;--accent-200: #bfdbfe;--accent-300: #93c5fd;--accent-400: #60a5fa;--accent-500: #3b82f6;--accent-600: #2563eb;--accent-700: #1d4ed8;--accent-800: #1e40af;--accent-900: #1e3a8a}:root[data-theme=rose-gold]{--primary-50: #fff1f2;--primary-100: #ffe4e6;--primary-200: #fecdd3;--primary-300: #fda4af;--primary-400: #fb7185;--primary-500: #f43f5e;--primary-600: #e11d48;--primary-700: #be123c;--primary-800: #9f1239;--primary-900: #881337;--secondary-50: #fffbeb;--secondary-100: #fef3c7;--secondary-200: #fde68a;--secondary-300: #fcd34d;--secondary-400: #fbbf24;--secondary-500: #f59e0b;--secondary-600: #d97706;--secondary-700: #b45309;--secondary-800: #92400e;--secondary-900: #78350f;--accent-50: #fef7f0;--accent-100: #fdeee0;--accent-200: #fbdcc1;--accent-300: #f8c4a0;--accent-400: #f4a261;--accent-500: #e76f51;--accent-600: #d62828;--accent-700: #ae2012;--accent-800: #9a031e;--accent-900: #7d0a0a}:root[data-theme=ocean-teal]{--primary-50: #f0fdfa;--primary-100: #ccfbf1;--primary-200: #99f6e4;--primary-300: #5eead4;--primary-400: #2dd4bf;--primary-500: #14b8a6;--primary-600: #0d9488;--primary-700: #0f766e;--primary-800: #115e59;--primary-900: #134e4a;--secondary-50: #ecfeff;--secondary-100: #cffafe;--secondary-200: #a5f3fc;--secondary-300: #67e8f9;--secondary-400: #22d3ee;--secondary-500: #06b6d4;--secondary-600: #0891b2;--secondary-700: #0e7490;--secondary-800: #155e75;--secondary-900: #164e63;--accent-50: #ecfdf5;--accent-100: #d1fae5;--accent-200: #a7f3d0;--accent-300: #6ee7b7;--accent-400: #34d399;--accent-500: #10b981;--accent-600: #059669;--accent-700: #047857;--accent-800: #065f46;--accent-900: #064e3b}:root[data-theme=midnight-navy]{--primary-50: #f8fafc;--primary-100: #f1f5f9;--primary-200: #e2e8f0;--primary-300: #cbd5e1;--primary-400: #94a3b8;--primary-500: #64748b;--primary-600: #475569;--primary-700: #334155;--primary-800: #1e293b;--primary-900: #0f172a;--secondary-50: #eef2ff;--secondary-100: #e0e7ff;--secondary-200: #c7d2fe;--secondary-300: #a5b4fc;--secondary-400: #818cf8;--secondary-500: #6366f1;--secondary-600: #4f46e5;--secondary-700: #4338ca;--secondary-800: #3730a3;--secondary-900: #312e81;--accent-50: #faf5ff;--accent-100: #f3e8ff;--accent-200: #e9d5ff;--accent-300: #d8b4fe;--accent-400: #c084fc;--accent-500: #a855f7;--accent-600: #9333ea;--accent-700: #7c3aed;--accent-800: #6b21a8;--accent-900: #581c87}:root[data-theme=deep-cafe]{--primary-50: #faf9f7;--primary-100: #f4f1ec;--primary-200: #e8e0d4;--primary-300: #d9cbb8;--primary-400: #c4b096;--primary-500: #b8956b;--primary-600: #9d7c4a;--primary-700: #7d6238;--primary-800: #5c4829;--primary-900: #3d2f1c;--secondary-50: #fffdf9;--secondary-100: #fffaf0;--secondary-200: #fef3d7;--secondary-300: #fde8b8;--secondary-400: #fbd894;--secondary-500: #f8c96b;--secondary-600: #f4b942;--secondary-700: #e6a01a;--secondary-800: #c4850e;--secondary-900: #a06b0a;--accent-50: #f7f5f3;--accent-100: #ede8e2;--accent-200: #d9d0c4;--accent-300: #c2b5a3;--accent-400: #a8957c;--accent-500: #8b7355;--accent-600: #6b5b47;--accent-700: #4a3c2a;--accent-800: #2d2418;--accent-900: #1a1512}:root[data-theme=crimson-white]{--primary-50: #fef2f2;--primary-100: #fee2e2;--primary-200: #fecaca;--primary-300: #fca5a5;--primary-400: #f87171;--primary-500: #ef4444;--primary-600: #dc2626;--primary-700: #b91c1c;--primary-800: #991b1b;--primary-900: #7f1d1d;--secondary-50: #ffffff;--secondary-100: #fefefe;--secondary-200: #fdfdfd;--secondary-300: #fcfcfc;--secondary-400: #fafafa;--secondary-500: #f8f8f8;--secondary-600: #f5f5f5;--secondary-700: #f0f0f0;--secondary-800: #e5e5e5;--secondary-900: #d4d4d4;--accent-50: #f7f1f1;--accent-100: #ede2e2;--accent-200: #d9c4c4;--accent-300: #c2a0a0;--accent-400: #a67575;--accent-500: #8b4a4a;--accent-600: #6b3838;--accent-700: #4a2626;--accent-800: #2d1616;--accent-900: #1a0d0d}:root[data-theme=original-brown]{--primary-50: #faf8f6;--primary-100: #f5f1ed;--primary-200: #e8ddd4;--primary-300: #d4c4b5;--primary-400: #b8a088;--primary-500: #9c7c5c;--primary-600: #8b6f47;--primary-700: #6b5438;--primary-800: #4a3c2a;--primary-900: #2d2418;--secondary-50: #fefcf9;--secondary-100: #fdf8f2;--secondary-200: #f9f0e6;--secondary-300: #f4e5d3;--secondary-400: #ecd4b8;--secondary-500: #e2c19c;--secondary-600: #d4a574;--secondary-700: #c18a4f;--secondary-800: #a06d3f;--secondary-900: #7d5330;--accent-50: #f7f6f5;--accent-100: #edeae7;--accent-200: #d9d3cd;--accent-300: #c1b7ad;--accent-400: #a59587;--accent-500: #8b7766;--accent-600: #6b5b4f;--accent-700: #4a3f37;--accent-800: #2d2520;--accent-900: #1a1512}:root[data-theme=coffee-brown]{--primary-50: #fdfcfb;--primary-100: #f9f6f2;--primary-200: #f2ede4;--primary-300: #e8dfd1;--primary-400: #d4c4a8;--primary-500: #c4a574;--primary-600: #b8955a;--primary-700: #9d7c47;--primary-800: #7d6238;--primary-900: #5c4829;--secondary-50: #fffefc;--secondary-100: #fffdf8;--secondary-200: #fef9f0;--secondary-300: #fdf2e3;--secondary-400: #fbe8d1;--secondary-500: #f8dbb8;--secondary-600: #f4c896;--secondary-700: #e6b073;--secondary-800: #d4954f;--secondary-900: #c17a2b;--accent-50: #f8f6f4;--accent-100: #f0ebe6;--accent-200: #e1d6cc;--accent-300: #d0c0b0;--accent-400: #b8a088;--accent-500: #a08866;--accent-600: #8b6f47;--accent-700: #6b5438;--accent-800: #4a3c2a;--accent-900: #2d2418}.color-scheme-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:20px;max-width:1200px;margin:0 auto}.scheme-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a;border:2px solid transparent;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.scheme-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.scheme-card.active{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.scheme-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--secondary-500),var(--accent-500))}.scheme-palette{display:flex;gap:8px;margin-bottom:16px}.scheme-color{width:24px;height:24px;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0000001a}.scheme-name{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--gray-800)}.scheme-description{font-size:14px;color:var(--gray-600);margin-bottom:16px;line-height:1.4}.scheme-features{list-style:none;padding:0;margin:0}.scheme-features li{font-size:12px;color:var(--gray-500);margin-bottom:4px;padding-left:16px;position:relative}.scheme-features li:before{content:"•";color:var(--primary-500);position:absolute;left:0}@media(max-width:768px){.color-scheme-preview{grid-template-columns:1fr;padding:16px}.scheme-card{padding:16px}}:root{--primary-50: #fdfcfb;--primary-100: #f9f6f2;--primary-200: #f2ede4;--primary-300: #e8dfd1;--primary-400: #d4c4a8;--primary-500: #c4a574;--primary-600: #b8955a;--primary-700: #9d7c47;--primary-800: #7d6238;--primary-900: #5c4829;--secondary-50: #fffefc;--secondary-100: #fffdf8;--secondary-200: #fef9f0;--secondary-300: #fdf2e3;--secondary-400: #fbe8d1;--secondary-500: #f8dbb8;--secondary-600: #f4c896;--secondary-700: #e6b073;--secondary-800: #d4954f;--secondary-900: #c17a2b;--accent-50: #f8f6f4;--accent-100: #f0ebe6;--accent-200: #e1d6cc;--accent-300: #d0c0b0;--accent-400: #b8a088;--accent-500: #a08866;--accent-600: #8b6f47;--accent-700: #6b5438;--accent-800: #4a3c2a;--accent-900: #2d2418;--success-50: #f0f9f4;--success-100: #dcf2e4;--success-200: #bce5cd;--success-300: #8dd3a8;--success-400: #5bb87d;--success-500: #3a9d5c;--success-600: #2d7d47;--success-700: #25633a;--success-800: #214f30;--success-900: #1e4129;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--error-50: #fef7f7;--error-100: #fdeaea;--error-200: #fad4d4;--error-300: #f6b0b0;--error-400: #f08080;--error-500: #e85a5a;--error-600: #d63d3d;--error-700: #b83232;--error-800: #9a2a2a;--error-900: #7d2222;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--color-primary: var(--primary-600);--color-primary-light: var(--primary-500);--color-primary-dark: var(--primary-700);--color-secondary: var(--secondary-500);--color-accent: var(--accent-600);--color-success: var(--success-600);--color-warning: var(--warning-500);--color-error: var(--error-600);--color-text: var(--gray-800);--color-text-light: var(--gray-600);--color-text-muted: var(--gray-500);--color-bg: var(--gray-50);--color-bg-card: #ffffff;--color-border: var(--gray-200);--color-border-light: var(--gray-100);--font-sans: "Inter", "Segoe UI", "Roboto", "Arial", sans-serif;--font-display: "Pacifico", cursive;--font-mono: "Fira Code", "Monaco", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}.card{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);overflow:hidden;transition:var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--color-border-light);background:linear-gradient(135deg,var(--primary-50) 0%,var(--secondary-50) 100%)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);background:var(--gray-50);border-top:1px solid var(--color-border-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-sm);line-height:var(--leading-tight);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--primary-700) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-800) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-bg-card);color:var(--color-primary);border-color:var(--primary-300)}.btn-secondary:hover:not(:disabled){background:var(--primary-50);border-color:var(--color-primary);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--color-success) 0%,var(--success-700) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,var(--success-700) 0%,var(--success-800) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-warning{background:linear-gradient(135deg,var(--color-warning) 0%,var(--warning-700) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,var(--warning-700) 0%,var(--warning-800) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-error{background:linear-gradient(135deg,var(--color-error) 0%,var(--error-700) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-error:hover:not(:disabled){background:linear-gradient(135deg,var(--error-700) 0%,var(--error-800) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-ghost:hover:not(:disabled){background:var(--gray-50);border-color:var(--color-text-muted)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.btn-xl{padding:var(--space-5) var(--space-8);font-size:var(--text-lg)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-2);font-size:var(--text-sm)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);line-height:var(--leading-normal);background:var(--color-bg-card);color:var(--color-text);transition:var(--transition-base)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-100)}.form-input:disabled{background:var(--gray-50);color:var(--color-text-muted);cursor:not-allowed}.form-textarea{resize:vertical;min-height:100px}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--space-10)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;line-height:1}.badge-primary{background:var(--primary-100);color:var(--color-primary)}.badge-secondary{background:var(--secondary-100);color:var(--color-secondary)}.badge-success{background:var(--success-100);color:var(--color-success)}.badge-warning{background:var(--warning-100);color:var(--color-warning)}.badge-error{background:var(--error-100);color:var(--color-error)}.alert{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid;margin-bottom:var(--space-4)}.alert-success{background:var(--success-50);color:var(--color-success);border-color:var(--success-200)}.alert-warning{background:var(--warning-50);color:var(--color-warning);border-color:var(--warning-200)}.alert-error{background:var(--error-50);color:var(--color-error);border-color:var(--error-200)}.alert-info{background:var(--primary-50);color:var(--color-primary);border-color:var(--primary-200)}.loading-spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-muted{color:var(--color-text-muted)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.rounded{border-radius:var(--radius-base)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-base)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}@media(max-width:768px){.btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.card-body{padding:var(--space-4)}.text-3xl{font-size:var(--text-2xl)}.text-2xl{font-size:var(--text-xl)}}@media(max-width:480px){.btn{width:100%;justify-content:center}.card{margin:var(--space-2)}}