@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--color-primary:#452829;--color-primary-dark:#341d1e;--color-secondary:#57595b;--color-secondary-dark:#454648;--color-accent:#e8d1c5;--color-accent-dark:#d0b9ad;--color-background:#f3e8df;--color-text-primary:#452829;--color-text-secondary:#57595b;--color-text-light:#f3e8df;--color-border:#e8d1c5;--color-shadow:#4528291a}.dark{--color-primary:#e8d1c5;--color-primary-dark:#d0b9ad;--color-secondary:#a8a6a4;--color-secondary-dark:#8a8886;--color-accent:#452829;--color-accent-dark:#341d1e;--color-background:#2c2520;--color-text-primary:#f3e8df;--color-text-secondary:#a8a6a4;--color-text-light:#f3e8df;--color-border:#452829;--color-shadow:#e8d1c51a}@apply bg-background text-text-primary font-primary transition-colors duration-300;@apply font-secondary;}@layer components{@apply bg-primary text-text-light px-6 py-3 rounded-lg font-semibold hover:bg-primary-dark transition-all duration-300 transform hover:-translate-y-0.5 shadow-md hover:shadow-lg;@apply bg-accent text-text-primary px-6 py-3 rounded-lg font-semibold hover:bg-accent-dark transition-all duration-300 border border-accent hover:border-accent-dark;@apply bg-white dark:bg-background-dark rounded-xl shadow-lg border border-color-border transition-all duration-300 hover:shadow-xl;@apply w-full px-4 py-3 rounded-lg border border-color-border bg-transparent focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent transition-all duration-300;}::-webkit-scrollbar{width:8px}@apply bg-accent/20;@apply bg-primary/50 rounded-full;@apply bg-primary;html,body,#root{width:100%;max-width:100%;overflow-x:hidden}*{box-sizing:border-box}