/* ═══════════════════════════════════════════════════════════════════
   Minimal CSS Variables — only for JS style.color references
   qr-login.js and detail.html inline scripts reference these by name.
   All other styling is handled by Tailwind CSS.
   ═══════════════════════════════════════════════════════════════════ */

:root {
  --text-muted:         #94a3b8;
  --color-error-700:    #b91c1c;
  --color-warning-700:  #92400e;
  --color-success-700:  #15803d;
  --color-info:         #0d9488;
  --color-warning-600:  #d97706;
  --color-danger-500:   #ef4444;
}

.dark {
  --text-muted:         #64748b;
  --color-error-700:    #fecaca;
  --color-warning-700:  #fde68a;
  --color-success-700:  #86efac;
  --color-info:         #2dd4bf;
  --color-warning-600:  #fcd34d;
  --color-danger-500:   #f87171;
}