@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply bg-slate-50 dark:bg-slate-900 text-slate-800 dark:text-slate-200 font-inter antialiased;@apply transition-colors duration-300;}h1,h2,h3,h4,h5,h6{@apply font-semibold;}h1{@apply text-3xl md:text-4xl lg:text-5xl;}h2{@apply text-2xl md:text-3xl lg:text-4xl;}h3{@apply text-xl md:text-2xl lg:text-3xl;}a{@apply text-primary-DEFAULT hover:text-primary-dark dark:text-primary-light dark:hover:text-primary-DEFAULT;@apply transition-colors duration-200;}}@layer components{.btn{@apply px-4 py-2 rounded-md font-medium transition-all duration-200 ease-in-out;@apply focus:outline-none focus:ring-2 focus:ring-offset-2 dark:focus:ring-offset-slate-900;}.btn-primary{@apply bg-primary-DEFAULT text-white hover:bg-primary-dark focus:ring-primary-DEFAULT;}.btn-secondary{@apply bg-secondary-DEFAULT text-white hover:bg-secondary-dark focus:ring-secondary-DEFAULT;}.btn-outline{@apply bg-transparent border border-primary-DEFAULT text-primary-DEFAULT hover:bg-primary-DEFAULT hover:text-white focus:ring-primary-DEFAULT;@apply dark:border-primary-light dark:text-primary-light dark:hover:bg-primary-light dark:hover:text-slate-900;}.btn-danger{@apply bg-danger-DEFAULT text-white hover:bg-danger-dark focus:ring-danger-DEFAULT;}.input-field{@apply block w-full px-3 py-2 border border-slate-300 dark:border-slate-600 rounded-md shadow-sm bg-white dark:bg-slate-800 text-slate-900 dark:text-slate-200 placeholder-slate-400 dark:placeholder-slate-500 sm:text-sm focus:outline-none focus:ring-1 focus:ring-primary-DEFAULT focus:border-primary-DEFAULT dark:focus:ring-primary-light dark:focus:border-primary-light transition-colors duration-200;}.card{@apply bg-white dark:bg-slate-800 shadow-lg rounded-lg overflow-hidden;}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
