@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{transition:background-color .8s cubic-bezier(.22,1,.36,1)}h1,h2,h3{font-family:Poppins,Arial,sans-serif;font-weight:600}p,span,a,li{font-family:Lora,Georgia,serif}::selection{background:#d9775726;color:inherit}}@layer utilities{::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-mid-gray);border-radius:10px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--color-dark);background-clip:content-box}:focus:not(:focus-visible){outline:none;box-shadow:none}:focus-visible{outline:2px solid var(--color-accent-orange);outline-offset:2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}