:root {
  --ops-bg: #0b1420;
  --ops-surface: #122033;
  --ops-text: #e6edf7;
  --ops-muted: #9db0ca;
  --ops-accent: #2fbf9f;
  --ops-warn: #ffb020;
  --ops-danger: #ff5d6c;
  --ops-border: #20344d;
}

body.ops-theme {
  background: radial-gradient(1200px 600px at 10% -10%, #183150, var(--ops-bg));
  color: var(--ops-text);
}

body.ops-theme .card {
  background: color-mix(in srgb, var(--ops-surface) 92%, black);
  border-color: var(--ops-border);
}

body.ops-theme .muted,
body.ops-theme label {
  color: var(--ops-muted);
}

body.ops-theme input,
body.ops-theme select,
body.ops-theme textarea {
  background: #0f1e2f;
  color: var(--ops-text);
  border-color: #2a4361;
}

body.ops-theme button {
  background: linear-gradient(90deg, #1f5a9d, #1d6fbd);
}

body.ops-theme button.secondary {
  background: #355071;
}

body.ops-theme table th {
  background: #13243a;
}