/* Verace Dark Theme Override — Day 41 */
:root {
  --v-bg: #0f1219;
  --v-surface: #1a1f2e;
  --v-surface2: #232a3b;
  --v-border: #2a3347;
  --v-text: #e2e4e9;
  --v-text-muted: #8b92a5;
  --v-accent: #5B9CF6;
  --v-green: #00C48C;
  --v-red: #E05555;
  --v-amber: #D4933A;
}
body, html { background: var(--v-bg) !important; color: var(--v-text) !important; }
body, html, * { font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif !important; }
code, pre, .font-mono, [class*="mono"] { font-family: "JetBrains Mono", "Fira Code", monospace !important; }
nav, aside, [class*="sidebar"], [class*="Sidebar"] {
  background: var(--v-surface) !important; border-color: var(--v-border) !important; color: var(--v-text) !important;
}
nav a, aside a, [class*="sidebar"] a { color: var(--v-text-muted) !important; }
nav a:hover, aside a:hover, [class*="sidebar"] a:hover,
nav a[class*="active"], aside a[class*="active"] { color: var(--v-accent) !important; }
header, [class*="header"], [class*="Header"], [class*="topbar"], [class*="Topbar"] {
  background: var(--v-surface) !important; border-color: var(--v-border) !important; color: var(--v-text) !important;
}
main, article, [class*="content"], [class*="Content"], [class*="article"], [class*="Article"] {
  background: var(--v-bg) !important; color: var(--v-text) !important;
}
[class*="card"], [class*="Card"], [class*="panel"], [class*="Panel"],
[class*="modal"], [class*="Modal"], [class*="dialog"], [class*="Dialog"] {
  background: var(--v-surface) !important; border-color: var(--v-border) !important; color: var(--v-text) !important;
}
h1, h2, h3, h4, h5, h6 { color: var(--v-text) !important; }
p, li, span, div, td, th, label { color: var(--v-text) !important; }
[class*="muted"], [class*="secondary"], [class*="subtle"], [class*="gray"],
[class*="description"], small, figcaption { color: var(--v-text-muted) !important; }
a { color: var(--v-accent) !important; }
a:hover { color: #7bb3f9 !important; }
input, textarea, select, [class*="search"], [class*="Search"] {
  background: var(--v-surface2) !important; border-color: var(--v-border) !important; color: var(--v-text) !important;
}
input::placeholder, textarea::placeholder { color: var(--v-text-muted) !important; }
button, [class*="btn"], [class*="Btn"], [class*="button"], [class*="Button"] {
  border-color: var(--v-border) !important;
}
[class*="tag"], [class*="Tag"], [class*="badge"], [class*="Badge"],
[class*="chip"], [class*="Chip"] {
  background: var(--v-surface2) !important; border-color: var(--v-border) !important; color: var(--v-text-muted) !important;
}
pre, code, [class*="code"], [class*="Code"] {
  background: var(--v-surface) !important; color: var(--v-green) !important; border-color: var(--v-border) !important;
}
table { border-color: var(--v-border) !important; }
th { background: var(--v-surface2) !important; color: var(--v-text) !important; border-color: var(--v-border) !important; }
td { background: var(--v-bg) !important; color: var(--v-text) !important; border-color: var(--v-border) !important; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--v-bg); }
::-webkit-scrollbar-thumb { background: var(--v-border); border-radius: 4px; }
[class*="chat"], [class*="Chat"], [class*="message"], [class*="Message"] {
  background: var(--v-surface) !important; color: var(--v-text) !important;
}
footer, [class*="footer"], [class*="Footer"] {
  color: var(--v-text-muted) !important; background: var(--v-bg) !important;
}
hr, [class*="divider"], [class*="Divider"], [class*="separator"] {
  border-color: var(--v-border) !important;
}
/* Fix: override inline colored text that becomes invisible on dark bg */
[style*="color"] { color: var(--v-accent) !important; }
strong, b, em { color: #e2e4e9 !important; }
strong[style*="color"], b[style*="color"], em[style*="color"] { color: #D4933A !important; }
/* Glossary terms with colored styling */
[class*="term"], [class*="Term"], [class*="highlight"], [class*="Highlight"],
[class*="accent"], [class*="Accent"] { color: var(--v-accent) !important; }
/* Replace Perplexity logo with Verace icon */
header img, header svg, [class*="logo"] img, [class*="logo"] svg,
[class*="Logo"] img, [class*="Logo"] svg {
  visibility: hidden !important;
  position: relative !important;
}
header img::after, [class*="logo"] img::after { content: "" !important; }
/* Alternative: override src via background on parent */
header a:first-child, [class*="logo"], [class*="Logo"] {
  background: url("/favicon.svg") no-repeat center/contain !important;
  min-width: 32px;
  min-height: 32px;
}
/* Fix header logo: replace blue A with Verace green + hide SVG letter */
header div[style*="background"] {
  background: #10b981 url("/favicon.svg") no-repeat center/70% !important;
}
header div[style*="background"] svg {
  display: none !important;
}
/* Hide Perplexity branding in footer */
footer a[href*="perplexity"], footer a[href*="Perplexity"],
a[href*="perplexity.ai"], a[href*="computer"] {
  display: none !important;
}
footer { font-size: 0 !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; }