/* Theme variables */
:root{
  --card-bg:#0f1318;
  --chip-bg:#1b2230;
  --chip-text:#b9c3d0;
  --border-subtle:rgba(255,255,255,.06);
}

/* Cards */
.event-card.card{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.35)}

/* Chips */
.chip{background:var(--chip-bg);color:var(--chip-text)}

/* FAB */
.fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.35);display:inline-flex;align-items:center;justify-content:center}

/* Bottom sheet tweaks */
.offcanvas-dark{background:#0b1117;color:#e2e8f0}
.offcanvas-dark .form-control,.offcanvas-dark .form-select,.offcanvas-dark textarea{background:#0f172a;color:#e2e8f0;border-color:#233a5e}

/* Touch target utility */
.btn-icon-44{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem}

/* Safe area utility */
.safe-bottom{padding-bottom:calc(16px + env(safe-area-inset-bottom))}

/* Typography */
@media (max-width:576px){
  h5{font-size:1.3rem;line-height:1.35}
  .small, .text-muted{line-height:1.45}
}

/* Skeleton loader */
.skeleton{position:relative;overflow:hidden}
.skeleton::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0.06),rgba(255,255,255,0.12),rgba(255,255,255,0.06));animation:sheen 1.2s linear infinite}
@media (prefers-reduced-motion: reduce){.skeleton::before{animation:none;display:none}}
@keyframes sheen{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

/* Avoid horizontal scroll on small screens */
html,body{max-width:100vw;overflow-x:hidden}