/* Vow — Wedding Planning App Landing Page */
/* Typography: Cormorant Garamond (editorial serif) + DM Sans (clean body) */
/* Palette: Warm ivory, deep ink, muted gold, soft blush */

/* Responsive: Tablet */
@media (max-width: 1024px) {
  section[style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  section[style*="grid-template-columns: 1fr 1fr"] > div:last-child {
    display: none;
  }
}

/* Responsive: Mobile */
@media (max-width: 768px) {
  nav, section, footer, div[style*="padding:"] {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  section[style*="min-height: 92vh"] {
    min-height: auto !important;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  h1 { font-size: 2.8rem !important; }
  h2 { font-size: 2rem !important; }
  div[style*="grid-template-columns: repeat(3, 1fr)"] {
    grid-template-columns: 1fr !important;
  }
  div[style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
}

/* Subtle scroll animation */
html { scroll-behavior: smooth; }

/* Focus states */
a:focus-visible, button:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 4px;
}

/* Smooth transitions on interactive elements */
div[style*="border: 1px solid"]:hover {
  border-color: var(--gold) !important;
  transition: border-color 0.2s ease;
}