/* dbdynamic-dark.css
   Dark variant of the dbdynamic content page. Same layout, inverted surface.
   Select per route via routes.css_id -> route_css. Nothing page-specific here.

   Two rules this file must obey:
   1. Scope to the CONTENT surface only - never style body or nav. Painting body
      dark hides the site chrome, which has its own theming.
   2. Mirror dbdynamic.css selectors exactly. Its colours are class-scoped
      (.content p, .content li), so bare element selectors lose on specificity. */

@import url("dbdynamic.css");

/* --- surface --- */
.container,
article,
.content,
.references-section {
    background: #0b0e14;
    color: #f8fafc;
}

/* --- headings --- */
article h1,
.content h2,
.content h3,
.references-section h2,
.references-section h3 {
    color: #ffffff;
}

/* --- body copy --- */
.content,
.content p,
.content ul,
.content li,
.references-section li,
.references-section ul {
    color: #f8fafc;
}

.content strong {
    color: #ffffff;
}

/* --- article furniture --- */
.article-subtitle,
.article-meta,
.article-author,
.article-date,
.article-categories {
    color: #cbd5e1;
}

.category-tag {
    background: #1e293b;
    color: #f1f5f9;
}

/* --- tables --- */
.content table th {
    background: #131822;
    color: #ffffff;
    border-color: #1f2937;
}
.content table td {
    color: #f8fafc;
    border-color: #1f2937;
}

/* --- links --- */
.content a,
.references-section a {
    color: #60a5fa;
}
.content a:hover,
.references-section a:hover {
    color: #93c5fd;
}

.references-section hr {
    border-color: #1f2937;
}

/* --- chart containers: ECharts draws transparent, label colours live in
       routes.params, not here --- */
[id^="chart-"] {
    background: #0b0e14;
}