@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--color-primary: #0d5e4a;--color-secondary: #c2674b;--color-accent: #9b87c7;--color-neutral: #2d3748;--font-display: "Massa", sans-serif;--font-body: "Inter", system-ui, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1)}body{font-family:var(--font-body);color:var(--color-neutral)}h1,h2{font-family:var(--font-display);font-weight:700}h1{font-size:2.5rem;line-height:1.2}h2{font-size:2rem;line-height:1.3}h3,h4,h5,h6{font-family:var(--font-body);font-weight:600}}@layer components{.btn{@apply px-6 py-3 rounded-lg font-semibold transition-all duration-200;@apply focus:outline-none focus:ring-2 focus:ring-offset-2;}.btn-primary{@apply bg-brand-primary text-white hover:bg-brand-primary-dark;@apply focus:ring-brand-primary;}.btn-secondary{@apply bg-brand-secondary text-white hover:bg-brand-secondary-dark;@apply focus:ring-brand-secondary;}.card{@apply bg-white rounded-xl shadow-md p-6;}.input{@apply w-full px-4 py-3 border border-gray-300 rounded-lg;@apply focus:border-brand-primary focus:ring-2 focus:ring-brand-primary/20;@apply transition-all duration-200;}}@layer utilities{.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes shrink-width{0%{width:100%}to{width:0%}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-slide-in-right{animation:slide-in-right .3s ease-out forwards}.animate-shrink-width{animation:shrink-width linear forwards}.animate-fade-in{animation:fade-in .3s ease-out}
