/* student.lubavitch.pro -- supplemental styles on top of Tailwind CDN.
   Brand: void/chashmal (mirrors rabbi.lubavitch.pro). */

[x-cloak] { display: none !important; }

.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.focus\:not-sr-only:focus {
  position: static; width: auto; height: auto; margin: 0; overflow: visible;
  clip: auto; white-space: normal;
}

/* subtle starfield glow on the void background */
body {
  background-image:
    radial-gradient(circle at 20% 10%, rgba(212,160,23,0.06), transparent 40%),
    radial-gradient(circle at 80% 90%, rgba(45,74,124,0.10), transparent 45%);
  background-attachment: fixed;
}

.card {
  background: rgba(19,24,56,0.7);
  border: 1px solid rgba(212,160,23,0.18);
  border-radius: 0.75rem;
}
.card:hover { border-color: rgba(212,160,23,0.35); }

.btn-primary {
  background: #d4a017; color: #0a0e27; font-weight: 600;
  border-radius: 0.5rem; transition: background .15s;
}
.btn-primary:hover { background: #fdd34c; }

.btn-ghost {
  border: 1px solid rgba(168,181,209,0.25); color: #a8b5d1;
  border-radius: 0.5rem; transition: all .15s;
}
.btn-ghost:hover { color: #f4ecd8; border-color: rgba(212,160,23,0.4); }

input, textarea, select {
  background: rgba(10,14,39,0.6);
  border: 1px solid rgba(168,181,209,0.2);
  color: #f4ecd8; border-radius: 0.5rem;
}
input:focus, textarea:focus, select:focus {
  outline: none; border-color: rgba(212,160,23,0.5);
}

/* honor reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}