/* Theme variables */
:root {
  --bg:#f6f2ea;
  --text:#355e6b;
  --accent:#2f5966;
}
body.dark {
  --bg:#0f1a1d;
  --text:#e3eff2;
  --accent:#6fb7c6;
}

body {
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Georgia,serif;
  transition:background .5s,color .5s;
}


/* Layout */
.container {
  max-width:800px;
  min-height:100vh;
  margin:auto;
  padding:2rem 1.5rem;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.logo {
  width:180px;
  margin-bottom:1.5rem;
}

h1 {
  font-size:3rem;
}

.subtitle {
  margin-bottom:2rem;
}

/* Signup */
#emailForm {
  display:flex;
  gap:.5rem;
}

input {
  padding:.75rem 1rem;
  border-radius:8px;
  border:1px solid #ccc;
}

button {
  padding:.75rem 1.25rem;
  border:none;
  border-radius:8px;
  background:var(--accent);
  color:white;
  cursor:pointer;
}

.hidden {
  display:none;
}

#success {
  margin-top:1.5rem;
  animation:fade 1s ease forwards;
}

/* Animations */
.breathe {
  animation:breathe 6s ease-in-out infinite;
}

@keyframes breathe {
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.05)}
}

@keyframes fade {
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}

/* Footer & links */
.instagram img {
  width:36px;
}

footer {
  margin-top: 15px; 
  font-size: 0.85rem;
  opacity: 0.7;
}


.honeypot {
  display:none;
}

.brewing {
  font-size: 1rem; /* whatever your text size is */
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.coffee-icon {
  font-size: 1em; /* SAME size as text */
  display: inline-block;
  animation: steam 3s ease-in-out infinite;
  transform-origin: center; 
  opacity: 0.8;
}

@keyframes steam {
  0% {
    transform: translateY(0) scale(1);
    opacity: 0.9;
  }
  50% {
    transform: translateY(-2px) scale(1.05);
    opacity: 1;
  }
  100% {
    transform: translateY(0) scale(1);
    opacity: 0.9;
  }
}