@import url("../../diffusion/docs/series-nav.css");

.series-nav {
  --sn-accent: #b45309;
  --sn-accent-strong: #92400e;
  --sn-bg: rgba(255, 251, 235, 0.97);
  --sn-border: #f1d29a;
  --sn-text: #422006;
  --sn-muted: #7c6248;
  box-shadow: 0 14px 38px rgba(180, 83, 9, 0.09);
}

.series-nav__progress span {
  background: linear-gradient(90deg, var(--sn-accent), #f59e0b);
}

@media (prefers-color-scheme: dark) {
  .series-nav {
    --sn-accent: #fbbf24;
    --sn-accent-strong: #fcd34d;
    --sn-bg: rgba(54, 35, 8, 0.97);
    --sn-panel: #2b2112;
    --sn-border: #6e5220;
    --sn-text: #fff7df;
    --sn-muted: #d2bd91;
  }
}