@import "tailwindcss";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Montserrat:wght@400;700;900&display=swap');

@theme {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-heading: "Montserrat", sans-serif;

  --color-primary: #1A2B3C;
  --color-secondary: #4A4A4A;
  --color-accent: #C5A059;
  --color-ice: #F8F9FA;
  --color-silver: #E5E7E9;

  @keyframes fadeIn {
    0% { opacity: 0; transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0); }
  }

  @keyframes pulseSlow {
    0% { transform: scale(1.05); opacity: 0.4; }
    100% { transform: scale(1.1); opacity: 0.6; }
  }

  --animate-fade-in: fadeIn 1s ease-out;
  --animate-pulse-slow: pulseSlow 10s infinite alternate;
}

@layer base {
  html {
    scroll-behavior: smooth;
  }
  body {
    @apply bg-ice text-primary selection:bg-accent selection:text-primary;
  }
}

@layer utilities {
  .text-shadow-sm {
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
  }
}