/* Simple responsive styles for the wedding site */
:root{
  --bg:#e9f9ef; /* light lily-pad green */
  --accent:#2ea96e; /* frog green */
  --accent-2:#4fd07e; /* brighter green */
  --muted:#355a3b; /* dark green text */
  --container-width:1024px;
}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;line-height:1.5;margin:0;background:var(--bg);color:var(--muted)}
.container{max-width:var(--container-width);margin:0 auto;padding:20px}
.site-header{background:linear-gradient(90deg,rgba(178,77,90,0.06),transparent);border-bottom:1px solid rgba(0,0,0,0.04)}
.site-header .container{display:flex;align-items:center;justify-content:space-between}
.site-header h1{font-size:1.25rem;margin:12px 0;color:var(--accent)}
nav a{margin-left:12px;color:var(--muted);text-decoration:none}
.hero{padding:44px 0;text-align:center}
.hero h2{font-size:2rem;margin:0 0 8px}
.btn{display:inline-block;background:var(--accent);color:white;padding:10px 16px;border-radius:6px;text-decoration:none}
.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-top:18px}
.quick-links article{background:white;padding:14px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,0.04)}
.site-footer{border-top:1px solid rgba(0,0,0,0.04);padding:14px 0;margin-top:28px;text-align:center;color:var(--muted)}
/* Forms and pages */
.form-row{display:flex;flex-direction:column;margin-bottom:12px}
label{font-weight:600;margin-bottom:6px}
input[type="text"],input[type="email"],select,textarea{padding:10px;border:1px solid #e6e6e6;border-radius:6px;font-size:0.95rem}
textarea{min-height:100px}
/* Frog logo styles */
.frog-logo{width:52px;height:52px;display:inline-block;vertical-align:middle}
.frog-logo.hop{animation:hop 3s ease-in-out infinite}
@keyframes hop{
  0%{transform:translateY(0)}
  25%{transform:translateY(-6px)}
  50%{transform:translateY(0)}
  100%{transform:translateY(0)}
}

/* Decorative frog in header corner (small, subtle) */
.frog-corner{position:fixed;right:12px;bottom:12px;opacity:0.12;width:140px;height:140px;pointer-events:none}

@media(min-width:700px){
  .site-header h1{font-size:1.5rem}
  .hero h2{font-size:2.6rem}
}