/* Critical theme: keep the admin UI readable even if the Tailwind runtime never runs. */
:root {
  color-scheme: dark;
  --dark-900: #0a0f1a;
  --dark-800: #111827;
  --dark-700: #1a2332;
  --dark-600: #243044;
  --dark-500: #2d3a4f;
}

html,
body {
  background-color: var(--dark-900);
  color: #e5e7eb;
  min-height: 100vh;
  margin: 0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif;
}

a {
  color: #22d3ee;
}

.bg-dark-900 { background-color: var(--dark-900); }
.bg-dark-800 { background-color: var(--dark-800); }
.bg-dark-700 { background-color: var(--dark-700); }
.bg-dark-600 { background-color: var(--dark-600); }
.bg-dark-500 { background-color: var(--dark-500); }

.text-white { color: #ffffff; }
.text-gray-100 { color: #f3f4f6; }
.text-gray-200 { color: #e5e7eb; }
.text-gray-300 { color: #d1d5db; }
.text-gray-400 { color: #9ca3af; }
.text-gray-500 { color: #6b7280; }
.text-gray-600 { color: #4b5563; }
.text-cyan-400 { color: #22d3ee; }
.text-emerald-400 { color: #34d399; }
.text-red-400 { color: #f87171; }
.text-yellow-400 { color: #facc15; }

input,
select,
textarea,
button {
  font: inherit;
}

input,
select,
textarea {
  background-color: var(--dark-800);
  color: #ffffff;
  border: 1px solid var(--dark-500);
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
}

button,
.btn {
  cursor: pointer;
}

nav a {
  color: #9ca3af;
  text-decoration: none;
}