/* Global app-level styles */

:root {
  --van-radius-card: 1.25rem;
}

/* Reusable card base */
.van-card {
  border-radius: var(--van-radius-card);
  background-color: #111827; /* appbg-700 */
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.45);
}

/* For admin / dashboard shells */
.van-shell {
  min-height: 100vh;
  background: radial-gradient(circle at top, #0f172a 0, #020617 55%);
}

/* Scrollbars (desktop) */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #020617;
}
::-webkit-scrollbar-thumb {
  background: #1f2937;
  border-radius: 999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #374151;
}

/* Simple typography helpers, can be reused in PHP views */
.heading-page {
  @apply font-display text-3xl md:text-4xl font-bold tracking-tight;
}

.heading-section {
  @apply font-display text-xl md:text-2xl font-semibold;
}

.text-muted {
  @apply text-slate-400;
}
.text-accent {
  @apply text-van-accent;
}