/* Tri-Mer industrial theme — shared by Air Monitor pages */
:root {
  --bg: #0f2a33;
  --surface: #f7fafb;
  --border: #c5d3da;
  --text: #14242b;
  --muted: #5a6f78;
  --accent: #0f7a6c;
  --accent-2: #c45c26;
  --input-bg: #ffffff;
  --display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
}

html, body {
  background:
    radial-gradient(900px 480px at 12% -8%, rgba(15, 122, 108, 0.18), transparent 55%),
    linear-gradient(180deg, #e8eef2 0%, #dfe8ed 100%) !important;
  color: var(--text) !important;
  font-family: "Segoe UI", system-ui, sans-serif !important;
}

h1, h2.page-title {
  font-family: var(--display) !important;
  color: var(--ink, var(--text)) !important;
}

a { color: var(--accent); }

.block, .section, .card, .item {
  background: var(--surface) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}

input, select, textarea {
  background: var(--input-bg) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}

.btn-primary, .launch, a.tile.primary-tile {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
}

.btn-secondary {
  background: #fff !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}

.label, .muted, .desc, header p {
  color: var(--muted) !important;
}

.val { color: var(--text) !important; }