/* ---- Custom tokens / utilities ---- */
:root {
  --glass-bg: rgba(255,255,255,0.10);
  --glass-brd: rgba(255,255,255,0.18);
  --ring: rgba(255,255,255,0.35);
}

.glass-card {
  background: var(--glass-bg);
  border: 1px solid var(--glass-brd);
  backdrop-filter: blur(10px);
}

.btn-primary {
  display:inline-flex;align-items:center;justify-content:center;
  padding:.75rem 1rem;border-radius:0.75rem;
  background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.1));
  border:1px solid var(--glass-brd);
  color:#fff;font-weight:700;
  transition:transform .2s ease, background .2s ease;
}
.btn-primary:hover{ transform:translateY(-1px); background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(255,255,255,.15)); }

.btn-ghost{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.6rem .9rem;border-radius:0.75rem;
  background:rgba(255,255,255,.10); color:#fff;
  border:1px dashed var(--glass-brd);
  transition:background .2s ease, transform .2s ease;
}
.btn-ghost:hover{ background:rgba(255,255,255,.18); transform:translateY(-1px); }

.input{
  width:100%; padding:.8rem 1rem; border-radius:0.9rem;
  background:rgba(255,255,255,.08); color:#fff; border:1px solid var(--glass-brd);
  outline:none; transition: box-shadow .2s ease, border-color .2s ease;
}
.input:focus{ box-shadow:0 0 0 .25rem var(--ring); border-color:#fff; }

.badge{
  display:inline-block; padding:.3rem .6rem; font-size:.8rem; border-radius:999px;
  background:rgba(255,255,255,.12); border:1px solid var(--glass-brd);
}

/* Animations */
@keyframes pulse-slow { 0%,100%{opacity:.5; transform:scale(1)} 50%{opacity:1; transform:scale(1.05)} }
@keyframes pulse-slower { 0%,100%{opacity:.4; transform:translateY(0)} 50%{opacity:.9; transform:translateY(-6px)} }
.animate-pulse-slow{ animation:pulse-slow 6s ease-in-out infinite; }
.animate-pulse-slower{ animation:pulse-slower 9s ease-in-out infinite; }

/* Dark mode root (Alpine ile html.dark toggle ediliyor) */
html.dark body { color: #fff; }