/* Minimal Tailwind-style utility classes used by hub/index.html */
/* This is a lightweight fallback, not a full Tailwind build. */
:root {
  --white: #ffffff;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --blue-600: #2563eb;
  --blue-700: #1d4ed8;
  --red-600: #dc2626;
  --red-700: #b91c1c;
}

.hidden { display: none !important; }
.text-center { text-align: center; }
.list-none { list-style: none; }
.p-0 { padding: 0; }
.mt-4 { margin-top: 1rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-6 { margin-bottom: 1.5rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.rounded { border-radius: 0.25rem; }
.rounded-lg { border-radius: 0.5rem; }
.font-bold { font-weight: 700; }
.text-white { color: var(--white); }
.text-gray-200 { color: var(--gray-200); }
.text-gray-300 { color: var(--gray-300); }
.text-gray-400 { color: var(--gray-400); }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.bg-blue-600 { background-color: var(--blue-600); }
.bg-red-600 { background-color: var(--red-600); }
.hover\:bg-blue-700 { transition: background-color 0.2s ease; }
.hover\:bg-blue-700:hover { background-color: var(--blue-700); }
.hover\:bg-red-700 { transition: background-color 0.2s ease; }
.hover\:bg-red-700:hover { background-color: var(--red-700); }
.transition { transition: all 0.2s ease; }
.duration-200 { transition-duration: 200ms; }