@tailwind base;@tailwind components;@tailwind utilities;:root{--color-black: #1A1A1A;--color-grey: #404040;--color-sage: #77966D;--color-orange: #FF6B00;--color-white: #FFFFFF;--color-off-white: #F5F5F7}html{scroll-behavior:smooth;background-color:var(--color-off-white)}body{font-family:Outfit,sans-serif;background-color:var(--color-off-white);color:var(--color-black);overflow-x:hidden;-webkit-font-smoothing:antialiased}.font-display{font-family:Space Grotesk,sans-serif}::-webkit-scrollbar{width:12px;background-color:#fff;border-left:2px solid var(--color-grey)}::-webkit-scrollbar-thumb{background:var(--color-sage);border:2px solid var(--color-grey)}::-webkit-scrollbar-thumb:hover{background:var(--color-orange)}.border-retro{border:3px solid var(--color-grey)}.shadow-retro{box-shadow:6px 6px 0 0 var(--color-grey)}.shadow-retro-sm{box-shadow:3px 3px 0 0 var(--color-grey)}.shadow-retro-lg{box-shadow:10px 10px 0 0 var(--color-grey)}.card-window{@apply bg-white border-retro shadow-retro relative overflow-hidden;}.window-header{@apply bg-black text-white px-4 py-2 border-b-2 border-black flex items-center justify-between;}.window-title{@apply font-display font-bold uppercase tracking-wide text-sm;}.btn-retro{@apply bg-white border-retro shadow-retro font-display font-bold uppercase tracking-widest px-6 py-3 transition-all active:translate-x-[2px] active:translate-y-[2px] active:shadow-none hover:bg-gray-50;}.btn-retro-primary{@apply bg-[var(--color-orange)] text-white border-retro shadow-retro hover:brightness-110;}.btn-retro-secondary{@apply bg-[var(--color-sage)] text-white border-retro shadow-retro hover:brightness-110;}.text-stroke-black{-webkit-text-stroke:1.5px black;color:transparent}.bg-grid-pattern{background-size:40px 40px;background-image:linear-gradient(to right,rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.05) 1px,transparent 1px)}::selection{background-color:var(--color-black);color:var(--color-white)}