@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Baloo+2:wght@400;600&display=swap');

:root {
  --forest: #2F6F4F;
  --paper:  #FEF8E6;
  --cream:  #FFF6E3;
  --olive:  #DCE5D1;
  --orange: #E85D04;
}

body {
  font-family: 'Baloo 2', system-ui, -apple-system, Segoe UI, Roboto;
  background: var(--paper);
  color: var(--forest);
}

.font-fredoka {
  font-family: 'Fredoka', system-ui, -apple-system, Segoe UI, Roboto;
}

/* ── Header auth state ─────────────────────────────────── */

.hdr-login-btn {
  padding: 6px 14px;
  border-radius: 8px;
  border: 1.5px solid #2F6F4F;
  background: #fff;
  color: #2F6F4F;
  cursor: pointer;
  font-size: 0.82rem;
  font-weight: 600;
}

.hdr-user-wrap {
  display: none;
  align-items: center;
  gap: 8px;
}

.hdr-user-name {
  font-size: 0.82rem;
  color: #555;
}

.hdr-logout-btn {
  padding: 4px 10px;
  border-radius: 7px;
  border: 1.5px solid #ddd;
  background: #fff;
  cursor: pointer;
  font-size: 0.78rem;
  color: #555;
}