/**
 * shared.css — styles shared across admin.html, index.html, volunteer.html
 * Load before page-specific styles: <link rel="stylesheet" href="/shared.css">
 */

/* ── Color tokens ──────────────────────────────────────────────────────────── */
:root {
  --yellow:       #F59E0B;
  --yellow-light: #FFFBEB;
  --yellow-dark:  #92400E;
  --yellow-mid:   #D97706;
  --text-dark:    #1F2937;
  --text-mid:     #374151;
  --text-muted:   #6B7280;
  --text-faint:   #9CA3AF;
  --border:       #E5E7EB;
  --radius-sm:    6px;
  --radius-md:    10px;
  --radius-lg:    12px;
}

/* ── Status badges ─────────────────────────────────────────────────────────── */
.badge {
  display: inline-block;
  padding: 3px 9px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.b-submitted        { background: #EFF6FF; color: #1D4ED8; }
.b-assigned         { background: #EDE9FE; color: #5B21B6; }
.b-read             { background: #F3E8FF; color: #7E22CE; }
.b-contacted        { background: #FEF3C7; color: #92400E; }
.b-sispaa_submitted { background: #FFF7ED; color: #C2410C; }
.b-resolved         { background: #F0FDF4; color: #166534; }
.b-pending_cancel   { background: #FEF2F2; color: #DC2626; }
.b-cancelled        { background: #F3F4F6; color: #6B7280; }
.b-urgent           { background: #FEF2F2; color: #DC2626; }
.b-normal           { background: #F3F4F6; color: #374151; }