/* style.css */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&display=swap');

:root {
  --bg: #0F172A;
  --card: #1E293B;
  --text: #F1F5F9;
  --accent: #39FF14;
  --gray: #64748B;
}

* { margin:0; padding:0; box-sizing:border-box; }
body { background:var(--bg); color:var(--text); font-family:'Geist',sans-serif; padding:1rem; }

header, footer { text-align:center; padding:1rem; }
h1 { font-weight:600; font-size:1.5rem; }
#calendar { max-width:900px; margin:2rem auto; }
.fc-daygrid-day-number { color:var(--text); }
.fc-day-free { background:var(--card); cursor:pointer; }
.fc-day-booked { background:#991B1B; color:white; }

.modal {
  position:fixed; top:0; left:0; right:0; bottom:0;
  background:rgba(0,0,0,0.8); display:none; align-items:center; justify-content:center;
}
.modal-content {
  background:var(--card); padding:2rem; border-radius:12px; width:90%; max-width:400px;
  border:1px solid var(--accent);
}
input, textarea, button {
  width:100%; padding:0.75rem; margin:0.5rem 0; border:none; border-radius:8px;
  background:#334155; color:white;
}
button {
  background:var(--accent); color:black; font-weight:600; cursor:pointer;
}
button:hover { filter:brightness(1.2); }

.ad-banner {
  background:#1E40AF; color:white; text-align:center; padding:0.75rem;
  font-size:0.9rem; margin:1rem 0; border-radius:8px;
}