@theme{--color-primary: #6366f1; --color-primary-dark: #4f46e5; --color-primary-light: #818cf8; --color-secondary: #8b5cf6; --color-secondary-dark: #7c3aed; --color-secondary-light: #a78bfa; --color-accent: #06b6d4; --color-accent-dark: #0891b2; --color-accent-light: #22d3ee; --color-on-primary: #fff; --color-on-secondary: #fff; --color-on-accent: #fff; --color-surface: #fff; --color-surface-alt: #f9fafb; --color-surface-hover: #f3f4f6; --color-content: #1f2937; --color-content-light: #6b7280; --color-content-lighter: #9ca3af; --color-outline: #e5e7eb; --color-outline-light: #f3f4f6; --color-success: #22c55e; --color-success-light: #bbf7d0; --color-success-dark: #166534; --color-warning: #f59e0b; --color-warning-light: #fef3c7; --color-warning-dark: #92400e; --color-error: #ef4444; --color-error-light: #fecaca; --color-error-dark: #991b1b; --color-info: #3b82f6; --color-info-light: #dbeafe; --color-info-dark: #1e40af;  --shadow-sm: 0 1px 2px 0 #0000000d; --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a; --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;  --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem;  --space-xs: .5rem; --space-sm: .75rem; --space-md: 1rem; --space-lg: 1.5rem; --space-xl: 2rem; --space-2xl: 3rem;}