/* Custom Styles for Stork & Spark - Brand Kit Adjusted */

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

/* Global Font Setup */
body, button, input, select, textarea {
  font-family: 'EB Garamond', serif;
}

/* Custom Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulseSlow {
  0%, 100% {
    opacity: 0.12;
    transform: scale(1);
  }
  50% {
    opacity: 0.22;
    transform: scale(1.03);
  }
}

.animate-fade-in {
  animation: fadeIn 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.animate-fade-in-delayed-1 {
  animation: fadeIn 1s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;
  opacity: 0;
}

.animate-fade-in-delayed-2 {
  animation: fadeIn 1s cubic-bezier(0.16, 1, 0.3, 1) 0.4s forwards;
  opacity: 0;
}

.animate-pulse-slow {
  animation: pulseSlow 9s ease-in-out infinite;
}

/* Glassmorphism Panels */
.glass-panel {
  background: rgba(254, 248, 229, 0.8); /* Pale Yellow base glass */
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(124, 133, 158, 0.15); /* Soft blue-gray border */
}

.glass-panel-white {
  background: rgba(248, 248, 248, 0.75); /* White base glass */
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(124, 133, 158, 0.12);
}

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

/* Micro-interactions & Buttons */
.hover-lift {
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease;
}

.hover-lift:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 36px -12px rgba(86, 91, 105, 0.12);
}

/* Gradient Accent Glows based on Brand Palette */
.accent-glow-teal {
  background: radial-gradient(circle, rgba(46, 191, 189, 0.15) 0%, rgba(254, 248, 229, 0) 70%);
}

.accent-glow-bluegray {
  background: radial-gradient(circle, rgba(124, 133, 158, 0.12) 0%, rgba(254, 248, 229, 0) 70%);
}

/* Editorial styling enhancements */
h1, h2, h3, h4 {
  letter-spacing: -0.015em;
  font-weight: 600;
}

p {
  letter-spacing: 0.01em;
}