/* AgentRadar shared design tokens — extracted from frontend/index.html */
:root {
  --bg-deep:        #07090a;
  --bg-screen:      #0d1213;
  --bg-card:        #131a1c;
  --bg-card-hover:  #1a2425;
  --border:         #1c2a2c;
  --border-bright:  #2c4244;
  --text-primary:   #d6e1d6;
  --text-secondary: #8a9b94;
  --text-mute:      #4a5c58;
  --signal:         #7fffaa;
  --signal-dim:     #355c47;
  --warning:        #ff7a3d;
  --warning-dim:    #5a3320;
  --beam:           #00ffd1;
  --paper:          #f4ede0;

  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --font-display: "Major Mono Display", var(--font-mono);
  --font-serif: "Newsreader", "Georgia", serif;

  --border-line: 1px solid var(--border);
  --border-bright-line: 1px solid var(--border-bright);
  --shadow-glow: 0 0 24px rgba(127, 255, 170, 0.06);
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg-deep);
  color: var(--text-primary);
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 1.55;
  min-height: 100vh;
}

a { color: var(--signal); text-decoration: none; }
a:hover { text-decoration: underline; }

button, .btn {
  background: transparent;
  border: var(--border-bright-line);
  color: var(--signal);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.05em;
  padding: 7px 14px;
  cursor: pointer;
  transition: background 0.12s, box-shadow 0.12s;
  text-transform: uppercase;
}
button:hover, .btn:hover {
  background: rgba(127, 255, 170, 0.06);
  box-shadow: var(--shadow-glow);
}
button:disabled, .btn:disabled {
  color: var(--text-mute);
  cursor: not-allowed;
}

.mono { font-family: var(--font-mono); }
.display { font-family: var(--font-display); }
.serif { font-family: var(--font-serif); }
.dim { color: var(--text-secondary); }
.mute { color: var(--text-mute); }
.signal { color: var(--signal); }
.warn { color: var(--warning); }

pre, code {
  font-family: var(--font-mono);
  background: var(--bg-card);
  border: var(--border-line);
  padding: 10px 14px;
  border-radius: 0;
  overflow-x: auto;
  color: var(--text-primary);
}