:root{--color-primary:#3b82f6;--color-secondary:#6366f1;--color-accent:#8b5cf6;--color-background:#ffffff;--color-surface:#f8fafc;--color-text:#1f2937;--color-text-secondary:#6b7280;--color-border:#e5e7eb;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius-sm:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem}.bg-theme-primary{background-color:var(--color-primary)}.bg-theme-secondary{background-color:var(--color-secondary)}.bg-theme-accent{background-color:var(--color-accent)}.bg-theme-background{background-color:var(--color-background)}.bg-theme-surface{background-color:var(--color-surface)}.text-theme-primary{color:var(--color-primary)}.text-theme-secondary{color:var(--color-secondary)}.text-theme-accent{color:var(--color-accent)}.text-theme-text{color:var(--color-text)}.text-theme-text-secondary{color:var(--color-text-secondary)}.border-theme-primary{border-color:var(--color-primary)}.border-theme-secondary{border-color:var(--color-secondary)}.border-theme-accent{border-color:var(--color-accent)}.border-theme-border{border-color:var(--color-border)}.hover\:bg-theme-primary:hover{background-color:var(--color-primary)}.hover\:bg-theme-secondary:hover{background-color:var(--color-secondary)}.hover\:bg-theme-accent:hover{background-color:var(--color-accent)}.hover\:text-theme-primary:hover{color:var(--color-primary)}.hover\:text-theme-secondary:hover{color:var(--color-secondary)}.hover\:text-theme-accent:hover{color:var(--color-accent)}.hover\:border-theme-primary:hover{border-color:var(--color-primary)}.hover\:border-theme-secondary:hover{border-color:var(--color-secondary)}.hover\:border-theme-accent:hover{border-color:var(--color-accent)}.focus\:border-theme-primary:focus{border-color:var(--color-primary)}.focus\:ring-theme-primary:focus{--tw-ring-color:var(--color-primary)}.active\:bg-theme-primary:active,.theme-button-primary{background-color:var(--color-primary)}.theme-button-primary{color:white;border:1px solid var(--color-primary);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family),serif;transition:all .2s ease-in-out}.theme-button-primary:hover{opacity:.9;transform:translateY(-1px)}.theme-button-secondary{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family),serif;transition:all .2s ease-in-out}.theme-button-secondary:hover{background-color:var(--color-primary);color:white}.theme-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.theme-input{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text);font-family:var(--font-family),serif;transition:border-color .2s ease-in-out}.theme-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}@media (prefers-color-scheme:dark){:root{--color-background:#1f2937;--color-surface:#374151;--color-text:#f9fafb;--color-text-secondary:#d1d5db;--color-border:#4b5563}}