@import "tailwindcss";

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&display=swap');

@theme {
  --font-serif: "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --font-sans: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", monospace;

  --color-accent-gold: #C5A572;
  --color-surface-paper: #FDFCFB;
  --color-border-subtle: #EEECE6;
  --color-on-surface-variant: #555555;
  
  --spacing-section-gap: 120px;
  --spacing-margin-desktop: 80px;
  --spacing-margin-mobile: 20px;
  --spacing-gutter: 32px;
  
  --radius-soft: 4px; /* Ultra-minimal crisp corporate/gallery look */
}

/* Smooth Scrolling globally */
html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-sans);
  background-color: var(--color-surface-paper);
  color: #1A1A1A;
  -webkit-font-smoothing: antialiased;
}

.font-serif {
  font-family: var(--font-serif);
}

.font-sans {
  font-family: var(--font-sans);
}

.font-mono {
  font-family: var(--font-mono);
}

/* Custom Ken Burns effect for ultra-luxury imagery */
@keyframes kenburns {
  0% {
    transform: scale(1) translate(0, 0);
  }
  50% {
    transform: scale(1.08) translate(-1%, -0.5%);
  }
  100% {
    transform: scale(1) translate(0, 0);
  }
}

.animate-kenburns {
  animation: kenburns 30s ease-in-out infinite;
}

/* Pulse scroll line indicator */
@keyframes scrollDown {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  51% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}

.animate-scroll-line {
  animation: scrollDown 2.2s cubic-bezier(0.76, 0, 0.24, 1) infinite;
}

/* Luxury card shadow transition */
.luxury-shadow {
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.luxury-shadow:hover {
  transform: translateY(-6px);
  box-shadow: 0 30px 60px -15px rgba(26, 26, 26, 0.08), 
              0 0 0 1px rgba(197, 165, 114, 0.15);
}

/* Material symbols */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 20;
}

/* Custom scrollbar for premium feel */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: var(--color-surface-paper);
}
::-webkit-scrollbar-thumb {
  background: #E5E1D8;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-accent-gold);
}

/* Subtle overlay gridlines (Architectural blueprint theme) */
.blueprint-grid {
  background-size: 80px 80px;
  background-image: 
    linear-gradient(to right, rgba(238, 236, 230, 0.4) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(238, 236, 230, 0.4) 1px, transparent 1px);
}

/* Glowing text effects */
.luxury-gold-glow {
  text-shadow: 0 0 40px rgba(197, 165, 114, 0.15);
}