/* ============================
   RMS Core OP — Dark Theme
   Author: Richard Stitz
   ============================ */

:root {
  --bg-main: #0f1115;
  --bg-card: #1a1d23;
  --bg-header: #0f766e;

  --text-main: #e5e7eb;
  --text-muted: #9ca3af;

  --border: #2a2e36;

  --accent: #0d9488;
  --accent-hover: #0f766e;
}

.m-1 { margin: 0.25rem; }
.m-2 { margin: 0.5rem; }
.m-4 { margin: 1rem; }

.p-1 { padding: 0.25rem; }
.p-2 { padding: 0.5rem; }
.p-4 { padding: 1rem; }

.flex { display: flex; }
.flex-col { flex-direction: column; }
.flex-1 { flex: 1; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }

.w-full { width: 100%; }
.max-w-md { max-width: 28rem; }
.container { width: 100%; max-width: 1200px; margin: 0 auto; }

.rounded { border-radius: 0.25rem; }
.rounded-md { border-radius: 0.375rem; }
.rounded-lg { border-radius: 0.5rem; }

.shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
.shadow-lg { box-shadow: 0 4px 12px rgba(0,0,0,0.25); }

.text-sm { font-size: 0.875rem; }
.text-lg { font-size: 1.125rem; }
.text-xl { font-size: 1.25rem; }
.text-2xl { font-size: 1.5rem; }
.font-bold { font-weight: 700; }





/* Global Background + Text */
body {
  background-color: #0f1115 !important;
  color: #e5e7eb !important;
}

/* Containers / Cards */
.bg-white,
.card,
.shadow-lg,
.rounded-lg,
.sm\:rounded-xl {
  background-color: #1a1d23 !important;
  color: #e5e7eb !important;
  border-color: #2a2e36 !important;
}

/* Inputs */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea,
select {
  background-color: #111317 !important;
  border: 1px solid #2a2e36 !important;
  color: #e5e7eb !important;
}

input::placeholder {
  color: #6b7280 !important;
}

/* Buttons */
button,
.btn,
.btn-primary {
  background-color: #0d9488 !important; /* teal-600 */
  border-color: #0d9488 !important;
  color: white !important;
}

button:hover,
.btn:hover {
  background-color: #0f766e !important; /* teal-700 */
}

/* Header */
header,
.bg-teal-800 {
  background-color: #0f766e !important;
  color: white !important;
}

/* Dropdown Menu */
#dropdownMenu {
  background-color: #1a1d23 !important;
  border: 1px solid #2a2e36 !important;
}

#dropdownMenu a {
  color: #e5e7eb !important;
}

#dropdownMenu a:hover {
  background-color: #0f766e !important;
  color: white !important;
}

/* Login page background */
#loginFormContainer {
  background-color: #0f1115 !important;
}

/* Links */
a {
  color: #38bdf8 !important; /* sky-400 */
}

a:hover {
  color: #7dd3fc !important; /* sky-300 */
}

/* Labels */
label {
  color: #cbd5e1 !important;
}

#loginFormContainer {
  min-height: 100vh;
  background-color: var(--bg-main);
}