/* Agent Policy docs -- gold-accent dark theme overrides */

/* ── Typography ─────────────────────────────────────── */

:root {
  --gold:        #D29922;
  --gold-dim:    #B8860B;
  --gold-bright: #E8C244;
  --gold-muted:  rgba(210, 153, 34, 0.12);
  --gold-hover:  rgba(210, 153, 34, 0.20);
  --gold-glow:   rgba(210, 153, 34, 0.06);
  --surface:     #131920;
  --surface-alt: #161D26;
  --border:      #30363D;
  --text:        #E6EDF3;
  --text-2:      #8B949E;
  --ok:          #3FB950;
  --err:         #F85149;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}

code, pre, .highlight {
  font-family: 'JetBrains Mono', 'SF Mono', 'Fira Code', Consolas, monospace;
}

/* ── Links ─────────────────────────────────────────── */

.main-content a,
.side-bar a,
.site-nav a {
  transition: color 120ms ease;
}

.main-content a:hover {
  color: var(--gold-bright);
}

/* ── Sidebar ───────────────────────────────────────── */

.side-bar {
  background-color: var(--surface);
  border-right: 1px solid var(--border);
}

.site-nav .nav-list-item.active > .nav-list-link {
  color: var(--gold);
  font-weight: 600;
}

/* ── Buttons ───────────────────────────────────────── */

.btn-primary {
  background-color: var(--gold) !important;
  color: #0D1117 !important;
  border-color: var(--gold) !important;
  font-weight: 600;
  transition: background-color 120ms ease, box-shadow 120ms ease;
}

.btn-primary:hover {
  background-color: var(--gold-bright) !important;
  box-shadow: 0 0 12px var(--gold-muted);
}

.btn {
  border-color: var(--border) !important;
  border-radius: 6px;
  transition: border-color 120ms ease;
}

.btn:hover {
  border-color: var(--gold-dim) !important;
  color: var(--gold-bright);
}

/* ── Code blocks ───────────────────────────────────── */

.highlight pre {
  border-radius: 6px;
  border: 1px solid var(--border);
}

code.language-plaintext {
  color: var(--gold);
  background-color: var(--gold-muted);
  border-radius: 3px;
  padding: 0.1em 0.35em;
}

/* ── SVG diagrams ──────────────────────────────────── */

.main-content > svg,
.main-content > p > svg {
  border-radius: 10px;
  background: #0D1117;
  padding: 16px;
  border: 1px solid var(--border);
}

/* ── SDK badge images ──────────────────────────────── */

.sdk-badges img {
  height: 32px;
  width: auto;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

img[style*="background:none"] {
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

.site-logo {
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

/* ── Tables ────────────────────────────────────────── */

.main-content table th {
  background-color: var(--surface-alt);
  color: var(--gold);
  font-weight: 600;
  border-color: var(--border);
}

.main-content table td {
  border-color: var(--border);
}

/* ── Callouts ──────────────────────────────────────── */

.warning {
  border-left-color: var(--gold);
  background-color: var(--gold-glow);
}

.note {
  border-left-color: #58A6FF;
}

.important {
  border-left-color: var(--ok);
}

/* ── Search ────────────────────────────────────────── */

.search-input {
  border-color: var(--border) !important;
  background-color: var(--surface-alt) !important;
  transition: border-color 120ms ease;
}

.search-input:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 2px var(--gold-muted) !important;
}

/* ── Headings ──────────────────────────────────────── */

.main-content h1 {
  border-bottom: 1px solid var(--border);
  padding-bottom: 0.4em;
}

.main-content h2 {
  border-bottom: 1px solid var(--border);
  padding-bottom: 0.3em;
}

/* ── Horizontal rules ─────────────────────────────── */

.main-content hr {
  border-top-color: var(--border);
}

/* ── Footer ────────────────────────────────────────── */

.site-footer {
  border-top-color: var(--border);
  color: var(--text-2);
}