/* Import Open Sauce Font */
@import url('https://fonts.cdnfonts.com/css/open-sauce-one');

/* Custom color scheme matching the AEG logo */
:root {
  --cream-bg: #f5f4f0;
  --dark-text: #222222;
  --cream-darker: #e5e4e0;
  --cream-lighter: #fafaf8;
  --border-color: #d8d7d3;
}

/* Force consistent background across all elements */
html,
body,
.book-menu,
.book-header,
.book-page,
.book-toc,
.book-search,
.markdown {
  background-color: var(--cream-bg) !important;
  color: var(--dark-text) !important;
  font-family: 'Open Sauce One', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

/* Sidebar menu styling */
.book-menu {
  background-color: var(--cream-bg) !important;
  border-right: 1px solid var(--border-color);
}

.book-menu nav {
  background-color: var(--cream-bg) !important;
}

.book-menu a {
  color: var(--dark-text) !important;
}

.book-menu a:hover {
  background-color: var(--cream-darker) !important;
  color: var(--dark-text) !important;
}

.book-menu .active {
  background-color: var(--cream-darker) !important;
  color: var(--dark-text) !important;
}

/* Search box */
.book-search {
  background-color: var(--cream-bg) !important;
}

.book-search input {
  background-color: var(--cream-lighter) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--dark-text) !important;
}

.book-search input:focus {
  border-color: var(--dark-text) !important;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
  color: var(--dark-text) !important;
}

/* Links */
a:not(.explore-button) {
  color: #3d3d3d;
}

a:not(.explore-button):hover {
  color: var(--dark-text);
}

/* Code blocks */
pre,
code {
  background-color: var(--cream-darker) !important;
  border: 1px solid var(--border-color);
  color: var(--dark-text) !important;
}

/* Inline code */
code {
  padding: 0.2em 0.4em;
  border-radius: 3px;
}

/* Tables */
table {
  background-color: var(--cream-bg) !important;
  border-color: var(--border-color) !important;
}

table th {
  background-color: var(--cream-darker) !important;
  color: var(--dark-text) !important;
  border-color: var(--border-color) !important;
}

table td {
  background-color: var(--cream-bg) !important;
  border-color: var(--border-color) !important;
  color: var(--dark-text) !important;
}

/* Table of Contents (right sidebar) */
.book-toc nav {
  background-color: var(--cream-bg) !important;
}

.book-toc a {
  color: var(--dark-text) !important;
}

/* Header */
.book-header {
  background-color: var(--cream-bg) !important;
  border-bottom: 1px solid var(--border-color);
}

/* Remove any default white backgrounds */
.container,
.content,
main {
  background-color: var(--cream-bg) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .book-menu {
    background-color: var(--cream-bg) !important;
  }
}