:root {
  --pp-primary: #0d6efd;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.hero-section {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
}

.card {
  border-radius: 0.75rem;
}

.list-group-item:first-child {
  border-top: none;
}

/* Mobile attendance page */
@media (max-width: 576px) {
  .card-body {
    padding: 1.25rem;
  }
}

/* PIN input */
input[inputmode="numeric"] {
  font-variant-numeric: tabular-nums;
}