/* ===================================================================
   Daily Market Pulse — cinematic dark glass (full edition)
   DS-aligned: --glass-bg base, warm-white type, amber/cyan accents.
   =================================================================== */

:root {
  --orange: var(--brand-orange);
  --orange2: var(--brand-amber);
  --teal: var(--brand-cyan);
  --navy: var(--glass-bg);
  --navy2: #0c0e12;
  --navy3: #141820;
  --card: var(--glass-fill-raised);
  --border: rgba(7, 163, 209, 0.22);
  --text: var(--fg-dark-1);
  --muted: var(--fg-dark-2);
  --dim: var(--fg-dark-3);
}

html,
body {
  background: var(--glass-bg) !important;
  color: var(--fg-dark-2) !important;
  font-family: var(--font-sans) !important;
  -webkit-font-smoothing: antialiased;
}

/* — Cover — */
.cover {
  background: var(--glass-bg) !important;
  color: var(--fg-dark-1) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cover-brand,
.cover-title .line1 { color: var(--fg-dark-1) !important; }
.cover-brand span { color: var(--brand-cyan) !important; }
.cover-eyebrow {
  color: var(--brand-amber) !important;
  font-family: var(--font-mono) !important;
  letter-spacing: var(--tracking-eyebrow) !important;
}
.cover-title {
  font-family: var(--font-display) !important;
  font-weight: var(--fw-regular) !important;
  font-style: italic !important;
  letter-spacing: var(--tracking-display) !important;
  line-height: var(--lh-tight) !important;
}
.cover-title .line2 { color: var(--brand-orange) !important; }
.cover-subtitle {
  color: var(--fg-dark-2) !important;
  font-weight: var(--fw-body-on-dark) !important;
}
.cover-tag {
  background: var(--glass-fill) !important;
  border-color: var(--glass-border) !important;
  color: var(--fg-dark-3) !important;
}
.cover-meta { color: var(--fg-dark-3) !important; }
.cover-meta strong { color: var(--brand-cyan) !important; }
.date-pill {
  border-color: rgba(7, 163, 209, 0.45) !important;
  color: var(--brand-cyan) !important;
  backdrop-filter: var(--glass-blur);
}

/* — TOC + content pages (dark) — */
.toc-page,
.page-section {
  background: var(--navy2) !important;
  color: var(--fg-dark-2) !important;
}
.page-section:nth-of-type(even) {
  background: var(--glass-bg) !important;
}
.toc-eyebrow,
.section-eyebrow {
  font-family: var(--font-mono) !important;
  color: var(--brand-cyan) !important;
  letter-spacing: var(--tracking-eyebrow) !important;
}
.toc-title,
.section-title {
  font-family: var(--font-sans) !important;
  font-weight: var(--fw-bold) !important;
  font-size: var(--fs-h2) !important;
  line-height: var(--lh-snug) !important;
  letter-spacing: var(--tracking-tight) !important;
  color: var(--fg-dark-1) !important;
}
.toc-name { color: var(--fg-dark-1) !important; }
.toc-desc,
.section-sub { color: var(--fg-dark-3) !important; }
.toc-num { color: var(--brand-amber) !important; font-family: var(--font-mono) !important; }
.toc-page-num { color: var(--brand-cyan) !important; }
.toc-item { border-bottom-color: rgba(255, 255, 255, 0.06) !important; }
.toc-dots { border-bottom-color: rgba(255, 255, 255, 0.12) !important; }
.section-divider {
  background: linear-gradient(90deg, var(--brand-orange), var(--brand-cyan), transparent) !important;
}

/* — Cards & panels — */
.content-card,
.chart-wrap {
  background: var(--card) !important;
  border-color: var(--border) !important;
  box-shadow: var(--shadow-glass) !important;
}
.takeaway {
  background: linear-gradient(135deg, rgba(255, 79, 0, 0.12), rgba(7, 163, 209, 0.08)) !important;
  border-color: rgba(255, 121, 0, 0.35) !important;
}
.content-card h3,
.chart-title,
.timeline-title {
  color: var(--fg-dark-1) !important;
  font-weight: var(--fw-bold) !important;
}
.content-card p,
.chart-sub,
.takeaway p,
.timeline-body { color: var(--fg-dark-2) !important; }
.takeaway strong { color: var(--fg-dark-1) !important; }
.takeaway-label {
  color: var(--brand-amber) !important;
  font-family: var(--font-mono) !important;
}

.stat-card {
  background: var(--navy3) !important;
  border-color: var(--border) !important;
}
.stat-num {
  font-family: var(--font-condensed) !important;
  font-weight: var(--fw-black) !important;
  color: var(--brand-amber) !important;
}
.stat-num.teal { color: var(--brand-cyan) !important; }
.stat-label { color: var(--fg-dark-2) !important; }

.timeline::before {
  background: linear-gradient(180deg, var(--brand-orange), var(--brand-cyan)) !important;
}
.timeline-item::before {
  border-color: var(--glass-bg) !important;
}
.timeline-date { color: var(--brand-cyan) !important; }

.bar-label { fill: var(--fg-dark-2) !important; }
.bar-value { fill: var(--fg-dark-1) !important; }
.axis-label { fill: var(--fg-dark-3) !important; }

/* — Sources & footer — */
.sources-section,
.page-footer {
  background: var(--navy2) !important;
  border-color: var(--border) !important;
  color: var(--fg-dark-3) !important;
}
.sources-section h2 {
  font-family: var(--font-sans) !important;
  font-weight: var(--fw-bold) !important;
  color: var(--fg-dark-1) !important;
}
.sources-section a {
  color: var(--fg-dark-2) !important;
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}
.sources-section a:hover { color: var(--brand-cyan) !important; }
.page-footer a { color: var(--brand-cyan) !important; }
.page-footer .brand-sm span { color: var(--brand-cyan) !important; }

/* Site chrome on pulse editions */
.dmp-main {
  display: block;
}
.dmp-brand-logo,
.cover-top .dmp-brand-logo,
.logo-block .dmp-brand-logo,
.brand-row .dmp-brand-logo {
  height: 40px;
  width: auto;
  display: block;
}
body[data-surface="dark"] .site-nav {
  position: sticky;
  top: 0;
  z-index: 200;
}
body[data-surface="dark"] .site-footer {
  margin-top: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}