/* Hide default Quartz logo and show RiskComms */
.page-title,
.site-title,
.quartz-title,
#quartz-logo,
[alt="Quartz"],
.quartz-logo,
header h1 {
  visibility: hidden !important;
  position: relative !important;
}

.page-title::after,
.site-title::after,
.quartz-title::after,
#quartz-logo::after,
header h1::after {
  content: "RiskComms" !important;
  visibility: visible !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.5rem !important;
  text-transform: uppercase !important;
  letter-spacing: -0.01em !important;
  color: #F5A623 !important;
}
:root,
:root[saved-theme="light"],
:root[saved-theme="dark"] {
  --light: #0D1B3E !important;
  --lightgray: #112248 !important;
  --gray: #A8B4C8 !important;
  --darkgray: #C8D0E0 !important;
  --dark: #F7F7F0 !important;
  --secondary: #F5A623 !important;
  --tertiary: #F7B84B !important;
  --highlight: rgba(245, 166, 35, 0.15) !important;
  --textHighlight: rgba(245, 166, 35, 0.30) !important;
}

body {
  background-color: #0D1B3E !important;
  color: #C8D0E0 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
}

.page {
  background-color: #0D1B3E !important;
}

.center {
  background-color: #0D1B3E !important;
}

.sidebar {
  background-color: #112248 !important;
}

h1, h2, h3, h4, h5, h6,
.page-title,
.article-title,
.folder-title {
  color: #F7F7F0 !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

a,
a.internal,
a.external,
.content a {
  color: #F5A623 !important;
}

a:hover,
a.internal:hover,
a.external:hover {
  color: #F7B84B !important;
}

.search-button {
  background-color: #162A52 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: #C8D0E0 !important;
}

.explorer {
  background-color: #112248 !important;
}

.explorer-item {
  color: #C8D0E0 !important;
}

.explorer-item:hover {
  background-color: #1A3060 !important;
}

.graph-view {
  background-color: #112248 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

.toc {
  background-color: #112248 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

.toc-item {
  color: #A8B4C8 !important;
}

.tag {
  background-color: rgba(245, 166, 35, 0.15) !important;
  color: #F5A623 !important;
  border: 1px solid rgba(245, 166, 35, 0.30) !important;
}

.wiki-cta {
  background: linear-gradient(135deg, #0D1B3E 0%, #112248 100%) !important;
  border: 1px solid rgba(245, 166, 35, 0.30) !important;
  color: #F7F7F0 !important;
}

.wiki-cta a {
  background: #F5A623 !important;
  color: #0D1B3E !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
}

footer {
  background-color: #112248 !important;
  color: #A8B4C8 !important;
}

.breadcrumb {
  color: #8A96AA !important;
}

.content-meta {
  color: #8A96AA !important;
}

pre {
  background-color: #162A52 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

code {
  background-color: rgba(245, 166, 35, 0.15) !important;
  color: #F5A623 !important;
}

blockquote {
  border-left: 3px solid #F5A623 !important;
  background-color: rgba(245, 166, 35, 0.05) !important;
}

table {
  border: 1px solid rgba(255,255,255,0.08) !important;
}

th {
  background-color: #162A52 !important;
  color: #F7F7F0 !important;
  border-bottom: 1px solid rgba(245, 166, 35, 0.30) !important;
}

td {
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

.popover {
  background-color: #112248 !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
}

.mobile-menu {
  background-color: #112248 !important;
}

.darkmode-toggle {
  color: #F5A623 !important;
}