@import "tailwindcss";

@theme inline {
  --color-sand: #E3D9C6;
  --color-sand-light: #F4EFEB;
  --color-sand-dark: #C2B49A;

  --color-sea-blue: #2A4B7C;
  --color-sea-light: #4A6B9C;
  --color-sea-dark: #1A2B4C;

  --color-coral: #FF6B6B;
  --color-coral-light: #FF8B8B;
  --color-coral-dark: #D94A4A;

  --color-brand-white: #FFFFFF;
  --color-brand-black: #171717;

  --font-serif: var(--font-playfair);
  --font-sans: var(--font-lato);
}

:root {
  --background: #FFFFFF;
  --foreground: #171717;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans), sans-serif;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-serif), serif;
}

html {
  scroll-behavior: smooth;
}

/* Shimmer animation for CTA buttons */
@keyframes shimmer {
  0% { transform: translateX(-150%); }
  100% { transform: translateX(150%); }
}

.btn-shimmer {
  position: relative;
  overflow: hidden;
}

.btn-shimmer::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.22) 50%,
    transparent 100%
  );
  transform: translateX(-150%);
  animation: shimmer 2.8s ease-in-out infinite;
}