@layer base{:root{--ring-theme: var(--brand-blue)}.dark{--ring-theme: var(--brand-yellow)}:where(.bg-background,.bg-card,.bg-popover,.bg-muted,.bg-paper,.bg-cream,.bg-white)>*{--ring: var(--ring-theme)}.dark :where(.bg-paper,.bg-cream,.bg-white):not([class*="dark:bg-"])>*,.dark :where([class~="dark:bg-white"],[class~="dark:bg-paper"])>*{--ring: var(--brand-blue)}:where(.bg-brand-yellow,.bg-brand-green,.bg-brand-orange,.bg-brand-pink,.bg-secondary,.bg-accent)>*{--ring: var(--brand-ink)}:where(.bg-brand-blue,.bg-brand-ink,.bg-coal)>*{--ring: var(--brand-yellow)}:focus-visible{outline:3px solid var(--ring);outline-offset:2px}html{scroll-padding-top:6rem}}@layer components{.control:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.control::placeholder{color:color-mix(in oklab,var(--muted-foreground) 85%,transparent)}}@media (prefers-reduced-motion: reduce){@layer base{html{scroll-behavior:auto}.animate-in,.animate-out{--tw-enter-scale: 1 !important;--tw-enter-rotate: 0 !important;--tw-enter-translate-x: 0 !important;--tw-enter-translate-y: 0 !important;--tw-exit-scale: 1 !important;--tw-exit-rotate: 0 !important;--tw-exit-translate-x: 0 !important;--tw-exit-translate-y: 0 !important}}}