/* Moniverso brand layer — official logo palette and refined public chrome. */
:root {
  --wine: #65083d;
  --wine-deep: #2b0720;
  --orange: #e87824;
  --orange-soft: #f4b07a;
  --cream: #f7f5ef;
  --paper: #fffefa;
  --gold: #b85c2a;
}

::selection { background: #f2c7a5; color: #2b0720; }
:focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 80;
  background: rgba(247, 245, 239, .96);
  border-bottom: 1px solid rgba(101, 8, 61, .14);
  box-shadow: 0 10px 30px rgba(43, 7, 32, .045);
  backdrop-filter: blur(14px);
}
.header-inner { min-height: 88px; }
.brand { gap: 0; color: var(--wine); }
.brand .brand-logo {
  display: block;
  width: 236px;
  height: auto;
  object-fit: contain;
  border: 0;
  background: transparent;
}
.header-nav a { color: #4f434a; }
.header-nav a:hover { color: var(--wine); }
.header-action {
  background: var(--wine);
  color: #fff;
  border-radius: 2px;
  box-shadow: 0 4px 14px rgba(101, 8, 61, .14);
}
.header-action:hover { background: var(--orange); color: #241018; }

.eyebrow { color: var(--wine); }
.editorial-note { background: var(--wine-deep); border-top: 1px solid rgba(232, 120, 36, .5); }
.note-label { color: var(--orange-soft); }
.editorial-note a:hover { color: var(--orange-soft); }
.feature-number { color: #9a4b18; }
.feature-access { color: var(--wine); }
.featured-heading p:last-child { color: #66625a; }
.book-meta { color: #6b583f; }
.series-title { color: #6b522f; }
.book-formats span { color: #5a5042; }
.book-formats span.digital { color: #4a4030; }
.results-bar { color: #536064; }
.result-hint { color: #5d6b67; }
.book-metrics { color: #6b5c4d; }
.stats span { color: #5d5a53; }
.group-title span { color: #5d6b67; }
.format-switch button { color: #5a554c; }
.format-switch button.selected { color: #1d454b; }
.universe .book-meta { color: #e2d3c8; }
.universe .book-title { color: #fffaf0; }
.universe .book-metrics { color: #e2d3c8; }
.rights-copy li::marker { color: var(--orange); }

.site-footer {
  background: var(--wine-deep);
  color: #dcc9cf;
  border-top: 3px solid var(--orange);
  padding: 30px 5%;
}
.footer-brand { display: flex; align-items: center; }
.footer-logo-plate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  background: var(--cream);
  border-radius: 2px;
}
.footer-logo-plate img { display: block; width: 210px; height: auto; }
.site-footer p { color: #d8c4ca; }
.site-footer a { color: #f5e9dc; }
.site-footer a:hover { color: var(--orange-soft); }

.support-page h1 em { color: var(--wine); }
.support-primary { background: var(--wine); }
.support-primary:hover { background: var(--orange); color: #241018; }
.support-price { color: var(--wine); }
.support-benefits article > span { color: var(--orange); }
.support-redeem { background: var(--wine-deep); }
.support-redeem .eyebrow { color: var(--orange-soft); }
.support-redeem .support-detail { color: #e5cdd4; }

.not-found-header { padding: 18px 5%; }
.not-found-header .header-inner { min-height: 70px; }
.statistics-page { padding-top: 54px; }

.reader-header { background: var(--wine-deep); }
.reader-toolbar > a { color: var(--orange); }
.reader-toolbar #download-book { background: var(--orange); color: #241018; }
.reader-toolbar #download-book:hover { background: var(--orange-soft); }

/* The carousel is its own dark universe; give it the Moniverso accent. */
.universe { --gold: #f0a35b; --accent: var(--orange); --panel: #1b1119; }
.universe .story-panel { background: #1b1119; border-right-color: rgba(244, 176, 122, .16); }
.universe .story-intro h1 em { color: var(--orange-soft); }
.universe .live-dot { background: var(--orange); box-shadow: 0 0 0 4px rgba(232, 120, 36, .13), 0 0 15px rgba(232, 120, 36, .8); }
.universe .search-box { background: #261722; border-color: #4e3547; }
.universe .search-box:focus-within { border-color: var(--orange); }
.universe .search-results { background: #2a1924; border-color: #5b3b50; }
.universe .search-results button:hover, .universe .search-results button:focus-visible { background: #3b2235; }
.universe .read-link { background: var(--orange); color: #241018; }
.universe .read-link:hover { background: var(--orange-soft); }
.universe .selected-download { border-color: var(--orange); color: #f6c9a4; }
.universe .selected-download:hover { background: rgba(232, 120, 36, .14); }
.universe .controls button:hover { border-color: var(--orange); color: var(--orange-soft); }
.universe .index-line span:first-child, .universe .selected-rule span:last-child { color: var(--orange-soft); }
.universe .selected-access { color: var(--orange-soft); }

/* Admin uses the same brand without changing its working parts. */
.admin-header { background: var(--wine-deep); }
.admin-brand img {
  display: block;
  width: 180px;
  height: auto;
  padding: 3px 7px;
  background: var(--cream);
  border-radius: 2px;
}
.admin-tabs button.active { color: var(--wine); border-bottom-color: var(--orange); }
.admin-book-row:hover, .admin-book-row.selected { border-color: var(--orange); background: #fff8f1; }
.admin-primary { background: var(--wine); }
.admin-primary:hover { background: var(--orange); color: #241018; }
.roadmap-quarter-label { color: var(--orange); }

@media (max-width: 1100px) {
  .brand .brand-logo { width: 210px; }
}
@media (max-width: 800px) {
  .brand .brand-logo { width: 190px; }
}
@media (max-width: 650px) {
  .header-inner { min-height: 74px; }
  .brand .brand-logo { width: 176px; }
  .site-footer { padding: 28px 5%; }
  .footer-logo-plate img { width: 190px; }
}
@media (max-width: 400px) {
  .brand .brand-logo { width: 158px; }
  .footer-logo-plate img { width: 174px; }
}