/* Force site colors without changing layout */
:root{
  --bg: #101733;
  --panel: #0f1b3a;
  --border: #1a2a5a;
  --text-silver: #c0c6cf;
  --text-white: #eaf1ff;
}

/* Page background + default text */
html, body{
  background: var(--bg) !important;
  color: var(--text-silver) !important;
}

/* Common text elements */
label, input, select, textarea, .label, .muted, .welcome-bar,
.table, .table th, .table td, .nav a, .btn, .card, .field, .pill {
  color: var(--text-silver) !important;
}

/* Headings keep subtle contrast */
h1, h2, h3, .title { color: var(--text-white) !important; }
.subtitle { color: #a7c0ff !important; }

/* Header brand text next to logo */
.brand .title, .brand .subtitle { color: var(--text-white) !important; }

/* Inputs keep dark theme */
.input, .select, .ta {
  background: var(--panel) !important;
  border-color: #253b7a !important;
  color: var(--text-silver) !important;
}

/* Nav links in silver (hover a bit brighter) */
.nav a { color: var(--text-silver) !important; }
.nav a:hover { color: var(--text-white) !important; }

/* Table borders visible on dark bg */
.table { border-collapse: collapse; width: 100%; }
.table th, .table td {
  border: 1px solid var(--border) !important;
}

/* Footer */
footer { color: var(--text-silver) !important; }
