/* APEX ML Engineering Custom Theme */

:root {
  --apex-black: #0a0a0a;
  --apex-dark-gray: #1a1a1a;
  --apex-gray: #2a2a2a;
  --apex-red: #ff0000;
  --apex-white: #f5f5f5;
  --apex-accent: #00d9ff;
}

body {
  background-color: var(--apex-black) !important;
  color: var(--apex-white) !important;
}

.site-header {
  background-color: var(--apex-dark-gray) !important;
  border-top: 3px solid var(--apex-red) !important;
  border-bottom: 1px solid var(--apex-gray) !important;
}

.site-title, .site-title:visited {
  color: var(--apex-white) !important;
}

.site-title:hover {
  color: var(--apex-red) !important;
}

.site-nav .page-link {
  color: var(--apex-white) !important;
}

.site-nav .page-link:hover {
  color: var(--apex-accent) !important;
}

.page-content {
  background-color: var(--apex-black) !important;
}

a {
  color: var(--apex-accent) !important;
}

a:hover {
  color: var(--apex-red) !important;
}

.site-footer {
  background-color: var(--apex-dark-gray) !important;
  border-top: 1px solid var(--apex-gray) !important;
  color: var(--apex-white) !important;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--apex-white) !important;
}

/* Fix post titles and all text */
.post-list h3, .post-list h3 a, .post-list h3 a:visited {
  color: var(--apex-white) !important;
}

.post-list h3 a:hover {
  color: var(--apex-cyan) !important;
}

.post-meta {
  color: var(--apex-gray) !important;
}

p, li, td, th {
  color: var(--apex-white) !important;
}