/*
 * Quark 2 — user customizations
 * Safe custom overrides loaded after theme.css
 */

article.content-item p {
  max-width: 66ch;
}

audio {
  margin: 0;
  padding: 0;
}

audio h2,
audio h3,
audio h4,
audio p {
  padding-top: 2rem;
}

/* Base Light Mode Variables */
:root {
  --text-color: #333333;
  --link-color: #0066cc;
  --bg-color: #ffffff;
}

/* Dark Mode Theme Overrides & Background Fix */
@media (prefers-color-scheme: dark) {
  :root {
    --text-color: #f0f0f0;
    --link-color: #66b2ff;
    --bg-color: #1a1a1a; 
  }
  
  /* Force dark background so light text is visible */
  body, #page-wrapper, .header-dark, .header-transparent {
    background-color: var(--bg-color) !important;
  }
}

/* Safely Apply Dynamic Colors (Removed !important) */
body, h1, h2, h3, h4, h5, h6, p, td {
  color: var(--text-color);
}

/* Scope list colors strictly to content to protect the Nav Menu */
article li, .content-item li {
  color: var(--text-color);
}

/* Fix Nav Menu & Kill Quark's Red Active States */
a,
#header .navbar-nav li a, 
#header .navbar-nav li.active a,
#header .navbar-nav li a:active {
  color: var(--link-color) !important; 
}

a:visited,
a:hover {
  color: var(--link-color);
  opacity: 0.85;
}