@theme{  --font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-display: var(--font-sans);  --spacing: .25rem; --radius-sm: .375rem; --radius-md: .5rem; --radius-lg: .75rem; --radius-xl: 1rem;  --shadow-sm: 0 1px 2px 0 #0000000d; --shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a; --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;   --color-primary-50: oklch(98.5% 0 0); --color-primary-100: oklch(97% 0 0); --color-primary-200: oklch(92.2% 0 0); --color-primary-300: oklch(87% 0 0); --color-primary-400: oklch(70.8% 0 0); --color-primary-500: oklch(55.6% 0 0); --color-primary-600: oklch(41% 0 0); --color-primary-700: oklch(26.9% 0 0); --color-primary-800: oklch(20.5% 0 0);  --color-primary-900: oklch(14.5% 0 0);  --color-secondary-50: oklch(98.5% 0 0); --color-secondary-100: oklch(97% 0 0); --color-secondary-200: oklch(92.2% 0 0); --color-secondary-300: oklch(87% 0 0); --color-secondary-400: oklch(70.8% 0 0); --color-secondary-500: oklch(55.6% 0 0); --color-secondary-600: oklch(41% 0 0); --color-secondary-700: oklch(26.9% 0 0); --color-secondary-800: oklch(20.5% 0 0); --color-secondary-900: oklch(14.5% 0 0);  --color-surface-50: oklch(100% 0 0);  --color-surface-100: oklch(99% 0 0);  --color-surface-200: oklch(97% 0 0); --color-surface-300: oklch(95% 0 0); --color-surface-400: oklch(92% 0 0); --color-surface-500: oklch(87% 0 0); --color-surface-600: oklch(80% 0 0); --color-surface-700: oklch(70% 0 0); --color-surface-800: oklch(50% 0 0); --color-surface-900: oklch(20% 0 0);  --color-background: var(--color-surface-50); --color-foreground: var(--color-primary-900); --color-muted: var(--color-surface-100); --color-muted-foreground: var(--color-primary-500); --color-border: var(--color-surface-200); --color-input: var(--color-surface-200); --color-ring: var(--color-primary-400);  --color-brand-primary: var(--color-primary-800); --color-brand-ink: var(--color-primary-900); --color-brand-surface: var(--color-surface-50); --color-brand-surface-tint: var(--color-surface-100); --color-brand-glass: #ffffffb3; --color-brand-overlay: #0000001f; --color-brand-glow: #0000000d; --color-brand-accent-orange: #ec6734; --color-brand-accent-yellow: #fcc01d; --color-brand-accent-purple: #8e72b1; --color-brand-accent-pink: #d48aba; --color-brand-accent-mint: #3ab5a3; --font-display: var(--font-sans); --font-handwriting: var(--font-sans); --font-fun: var(--font-sans); --shadow-brand-soft: var(--shadow-sm); --shadow-brand-float: var(--shadow-md); --radius-brand-card: var(--radius-lg); --radius-brand-pill: 9999px;  --animate-fade-in: fade-in .5s ease-out forwards; --animate-slide-up: slide-up .5s ease-out forwards; @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes slide-up { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } }}.animate-in{animation-fill-mode:both}.fade-in{animation-name:fade-in}.slide-up{animation-name:slide-up}