@theme{ --color-primary-50: #eef2ff; --color-primary-100: #e0e7ff; --color-primary-200: #c7d2fe; --color-primary-300: #a5b4fc; --color-primary-400: #818cf8; --color-primary-500: #6366f1; --color-primary-600: #4f46e5; --color-primary-700: #4338ca; --color-primary-800: #3730a3; --color-primary-900: #312e81; --color-accent-50: #ecfeff; --color-accent-100: #cffafe; --color-accent-200: #a5f3fc; --color-accent-300: #67e8f9; --color-accent-400: #22d3ee; --color-accent-500: #06b6d4; --color-accent-600: #0891b2; --color-accent-700: #0e7490; --color-primary: var(--color-primary-600); --color-primary-dark: var(--color-primary-800); --color-accent: var(--color-accent-500); --color-accent-dark: var(--color-accent-700); --color-ink-50: #f8fafc; --color-ink-100: #f1f5f9; --color-ink-200: #e2e8f0; --color-ink-300: #cbd5e1; --color-ink-400: #94a3b8; --color-ink-500: #64748b; --color-ink-600: #475569; --color-ink-700: #334155; --color-ink-800: #1e293b; --color-ink-900: #0f172a; --color-success: #16a34a; --color-success-soft: #dcfce7; --color-warning: #d97706; --color-warning-soft: #fef3c7; --color-danger: #dc2626; --color-danger-soft: #fee2e2; --color-status-pending: #d97706; --color-status-progress: #2563eb; --color-status-complete: #16a34a; --color-status-canceled: #dc2626; --color-status-partial: #7c3aed; --font-sans: "Plus Jakarta Sans", "Inter", ui-sans-serif, system-ui, sans-serif; --font-display: "Sora", "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; --radius-card: 1.5rem; --radius-pill: 9999px; --shadow-card: 0 1px 2px rgb(15 23 42 / .04), 0 8px 30px rgb(15 23 42 / .06); --shadow-card-hover: 0 4px 12px rgb(15 23 42 / .06), 0 20px 40px rgb(15 23 42 / .1); --ease-out-soft: cubic-bezier(.16, 1, .3, 1); }@layer base{:root{color-scheme:light}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}body{font-family:var(--font-sans);color:var(--color-ink-800);background-color:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}}@layer utilities{.focus-ring{outline:none;@apply focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-white;}.focus-ring-on-accent{outline:none;@apply focus-visible:ring-2 focus-visible:ring-white/70 focus-visible:ring-offset-2 focus-visible:ring-offset-primary;}}@layer components{.skeleton{position:relative;overflow:hidden;background:var(--color-ink-100);border-radius:var(--radius-sm, 8px)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgb(255 255 255 / .55),transparent);animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}}@layer utilities{.safe-top{padding-top:max(.5rem,env(safe-area-inset-top))}.safe-bottom{padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.safe-x{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}@layer utilities{.vt-slide-forward{animation:vt-slide-in .28s var(--ease-out-soft, cubic-bezier(.16, 1, .3, 1))}.vt-slide-back{animation:vt-slide-out .22s var(--ease-out-soft, cubic-bezier(.16, 1, .3, 1))}}@keyframes vt-slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes vt-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-12px)}}@media (prefers-reduced-motion: reduce){.skeleton:after{animation:none}.vt-slide-forward,.vt-slide-back{animation:none}}