@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--primary: #1a1a2e;--secondary: #00adb5;--accent: #ff2e63;--warning: #ff9a3c;--success: #00b894;--light: #eeeeee;--dark: #222831}html{font-family:Inter,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{@apply bg-light text-dark;margin:0;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Inter,system-ui,sans-serif;@apply font-bold tracking-tight;}h1{@apply text-4xl md:text-5xl lg:text-6xl;}h2{@apply text-3xl md:text-4xl;}h3{@apply text-2xl md:text-3xl;}h4{@apply text-xl md:text-2xl;}code,pre{font-family:Fira Code,Courier New,monospace}}@layer components{.btn-primary{@apply bg-secondary-600 hover:bg-secondary-700 text-white font-semibold py-3 px-6 rounded-lg transition-colors focus:outline-none focus:ring-2 focus:ring-secondary-500 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed;}.btn-secondary{@apply border border-primary-300 hover:bg-primary-50 text-primary-700 font-semibold py-3 px-6 rounded-lg transition-colors focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2;}.btn-accent{@apply bg-accent-600 hover:bg-accent-700 text-white font-semibold py-3 px-6 rounded-lg transition-colors focus:outline-none focus:ring-2 focus:ring-accent-500 focus:ring-offset-2;}.card{@apply bg-white rounded-xl shadow-vaporx p-6 border border-primary-100;}.card-hover{@apply card hover:shadow-vaporx-lg hover:border-secondary-200 transition-all duration-200;}.input-primary{@apply w-full px-4 py-3 border border-primary-300 rounded-lg focus:ring-2 focus:ring-secondary-500 focus:border-transparent transition-colors placeholder:text-primary-400;}.badge{@apply inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold;}.badge-primary{@apply badge bg-primary-100 text-primary-800;}.badge-secondary{@apply badge bg-secondary-100 text-secondary-800;}.badge-accent{@apply badge bg-accent-100 text-accent-800;}.badge-success{@apply badge bg-success/10 text-success;}.badge-warning{@apply badge bg-warning/10 text-warning;}.section-padding{@apply px-4 sm:px-6 lg:px-8 py-12 md:py-16 lg:py-20;}.container-narrow{@apply max-w-4xl mx-auto;}.container-wide{@apply max-w-7xl mx-auto;}}@layer utilities{.text-balance{text-wrap:balance}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thin::-webkit-scrollbar{width:8px;height:8px}.scrollbar-thin::-webkit-scrollbar-track{@apply bg-primary-100 rounded;}.scrollbar-thin::-webkit-scrollbar-thumb{@apply bg-primary-300 rounded hover:bg-primary-400;}.gradient-primary{@apply bg-gradient-to-br from-primary-900 to-primary-800;}.gradient-secondary{@apply bg-gradient-to-br from-secondary-600 to-secondary-500;}.gradient-accent{@apply bg-gradient-to-br from-accent-600 to-accent-500;}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-down{animation:fadeInDown .6s ease-out}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.age-gate-overlay{@apply fixed inset-0 bg-white z-50 flex items-center justify-center;}.product-image-hover{@apply transition-transform duration-300 hover:scale-105;}.tier-badge-bronze{@apply bg-amber-100 text-amber-800 border border-amber-300;}.tier-badge-silver{@apply bg-gray-100 text-gray-800 border border-gray-300;}.tier-badge-gold{@apply bg-yellow-100 text-yellow-800 border border-yellow-300;}.tier-badge-platinum{@apply bg-blue-100 text-blue-800 border border-blue-300;}.compliance-warning{@apply border-l-4 border-warning bg-warning/5 pl-4 py-2 my-4;}.compliance-warning strong{@apply text-warning;}@media print{.no-print{display:none!important}.print-only{display:block!important}body{@apply bg-white text-black;}a{color:inherit;text-decoration:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}