/* DQRS | Heritage Emerald & Gold — scoped colour overrides, October 2026.
   Load AFTER existing page stylesheets. No sizes, layout, JS, or timings changed. */
:root {
  --dqrs-emerald: #10271f;
  --dqrs-forest: #234736;
  --dqrs-gold: #c9a45c;
  --dqrs-parchment: #f5f1e7;
  --dqrs-ink: #18352a;
  --dqrs-ivory: #fffdf7;
  --dqrs-gold-light: #e5cd9b;
  --dqrs-muted: #64756b;
  --dqrs-border: #d9dfd5;
}
/* Retain existing style.css API for reader metadata, generic controls, etc. */
body.catalogue-page,
body.dqrs-reader-page,
body.home-cinematic {
  --primary: var(--dqrs-forest);
  --background: var(--dqrs-parchment);
  --surface: var(--dqrs-ivory);
  --text: var(--dqrs-ink);
  --muted: var(--dqrs-muted);
  --border: var(--dqrs-border);
}
/* CINEMATIC HOMEPAGE */
body.home-cinematic {
  --cin-ink: var(--dqrs-ink);
  --cin-lime: var(--dqrs-gold-light);
  --cin-cream: var(--dqrs-parchment);
  --cin-muted: var(--dqrs-muted);
}
.home-cinematic .cin-hero {
  color: var(--dqrs-parchment);
  background: radial-gradient(
    circle at 72% 42%,
    #234736 0%,
    #18352a 30%,
    #10271f 72%,
    #0b1c16 100%
  );
}
.home-cinematic .cin-hero__glow {
  background: radial-gradient(
    circle,
    rgba(201, 164, 92, 0.12),
    rgba(201, 164, 92, 0) 69%
  );
}
.home-cinematic .cin-nav {
  color: var(--dqrs-parchment);
  border-bottom-color: rgba(245, 241, 231, 0.16);
}
.home-cinematic .cin-brand__mark {
  border-color: var(--dqrs-gold);
  color: var(--dqrs-parchment);
}
.home-cinematic .cin-brand__mark-dot {
  background: var(--dqrs-gold);
}
.home-cinematic .cin-brand__divider,
.home-cinematic .cin-nav__links a:hover,
.home-cinematic .cin-hero__title-number,
.home-cinematic .cin-mini-label,
.home-cinematic .cin-hero__title em,
.home-cinematic .cin-statement__accent,
.home-cinematic .cin-collections__heading h2 em,
.home-cinematic .cin-search-section h2 em {
  color: var(--dqrs-gold-light);
}
.home-cinematic .cin-hero__title em {
  color: var(--dqrs-parchment);
}
.home-cinematic .cin-dot {
  background: var(--dqrs-gold);
  box-shadow: 0 0 0 5px rgba(201, 164, 92, 0.12);
}
.home-cinematic .cin-hero__rule {
  background: linear-gradient(
    90deg,
    rgba(201, 164, 92, 0.8),
    rgba(201, 164, 92, 0.1)
  );
}
.home-cinematic .cin-pill--light,
.home-cinematic .cin-search button,
.home-cinematic .cin-skip {
  background: var(--dqrs-gold-light);
  color: var(--dqrs-emerald);
}
.home-cinematic .cin-pill--light:hover,
.home-cinematic .cin-search button:hover {
  background: var(--dqrs-parchment);
}
.home-cinematic .cin-text-link {
  border-bottom-color: rgba(201, 164, 92, 0.6);
}
.home-cinematic .cin-statement {
  background: var(--dqrs-parchment);
}
.home-cinematic .cin-statement__accent {
  color: var(--dqrs-forest);
}
.home-cinematic .cin-collections {
  background: #e9e6d9;
}
.home-cinematic .cin-gallery-head {
  border-bottom-color: var(--dqrs-border);
}
.home-cinematic .cin-collections__heading h2 em {
  color: var(--dqrs-forest);
}
.home-cinematic .cin-subject--arabic {
  background: #234736;
}
.home-cinematic .cin-subject--history {
  background: #95664d;
}
.home-cinematic .cin-subject--research {
  background: #30394b;
}
.home-cinematic .cin-subject--notes {
  background: #d5d3b8;
  color: var(--dqrs-ink);
}
.home-cinematic .cin-subject__arabic {
  color: var(--dqrs-gold-light);
}
.home-cinematic .cin-subject__ring,
.home-cinematic .cin-subject__ring::before,
.home-cinematic .cin-subject__ring::after {
  border-color: rgba(229, 205, 155, 0.28);
}
.home-cinematic .cin-subject__roman {
  color: #f5e2be;
}
.home-cinematic .cin-subject__asterisk {
  color: #e4d2aa;
}
.home-cinematic .cin-search-section {
  background: var(--dqrs-emerald);
  color: var(--dqrs-parchment);
}
.home-cinematic .cin-search:focus-within {
  border-color: var(--dqrs-gold-light);
}
.home-cinematic .cin-search__icon {
  color: var(--dqrs-gold);
}
.home-cinematic .cin-search input {
  color: var(--dqrs-parchment);
}
.home-cinematic .cin-footer {
  background: #0b1c16;
  color: var(--dqrs-parchment);
}
.home-cinematic :is(a, button, input):focus-visible {
  outline-color: var(--dqrs-gold);
}
/* INTRO: do not change timings, text splitting or JavaScript. */
.dqrs-opening {
  background: #081711;
  color: var(--dqrs-gold-light);
}
.dqrs-opening::before {
  background:
    radial-gradient(
      ellipse 44% 34% at 50% 57%,
      rgba(201, 164, 92, 0.15),
      transparent 80%
    ),
    radial-gradient(
      ellipse 24% 20% at 64% 72%,
      rgba(35, 71, 54, 0.22),
      transparent 85%
    );
}
.dqrs-opening__top,
.dqrs-opening__bottom {
  color: #b5a47d;
}
.dqrs-opening__eyebrow::before {
  background: var(--dqrs-gold);
  box-shadow: 0 0 17px rgba(201, 164, 92, 0.45);
}
.dqrs-opening__label {
  color: var(--dqrs-gold);
}
.dqrs-opening__line--first {
  color: #9e824c;
}
.dqrs-opening__line--second {
  color: var(--dqrs-gold-light);
}
.dqrs-opening__skip {
  color: var(--dqrs-gold-light);
  border-color: rgba(201, 164, 92, 0.48);
  background: rgba(16, 39, 31, 0.7);
}
.dqrs-opening__skip:hover {
  background: var(--dqrs-forest);
  border-color: var(--dqrs-gold);
}
.dqrs-opening__skip:focus-visible {
  outline-color: var(--dqrs-gold-light);
}
.dqrs-opening :is(.dqrs-opening__brand, .dqrs-opening__brand-name) {
  color: var(--dqrs-gold-light);
}
/* CATALOGUE — keep existing grid layout and card typography. */
body.catalogue-page {
  --c-green: var(--dqrs-emerald);
  --c-green-2: var(--dqrs-forest);
  --c-gold: var(--dqrs-gold);
  --c-paper: var(--dqrs-parchment);
  --c-ink: var(--dqrs-ink);
  --c-subtle: var(--dqrs-muted);
  --c-line: var(--dqrs-border);
}
.catalogue-page .site-header {
  background: var(--dqrs-emerald);
}
.catalogue-page .site-logo {
  border-color: var(--dqrs-gold);
}
.catalogue-page .site-logo span {
  color: var(--dqrs-gold);
}
.catalogue-page .catalogue-masthead {
  background: radial-gradient(
    circle at 82% 66%,
    #234736 0%,
    #18352a 44%,
    #10271f 100%
  );
}
.catalogue-page .catalogue-status-dot {
  background: var(--dqrs-gold);
  box-shadow: 0 0 0 5px rgba(201, 164, 92, 0.13);
}
.catalogue-page
  :is(
    .catalogue-kicker,
    .catalogue-eyebrow,
    .catalogue-gold-dot,
    .catalogue-tools-symbol
  ) {
  color: var(--dqrs-gold);
}
.catalogue-page .catalogue-masthead em {
  color: var(--dqrs-gold-light);
}
.catalogue-page .catalogue-tools,
.catalogue-page .resource-item {
  background: var(--dqrs-ivory);
  border-color: var(--dqrs-border);
}
.catalogue-page .resource-item::before {
  background-color: var(--dqrs-forest);
  border-left-color: var(--dqrs-gold);
}
.catalogue-page .resource-title {
  color: var(--dqrs-ink);
}
.catalogue-page .resource-category {
  color: #775b28;
  background: #f5ebd4;
}
.catalogue-page .resource-actions .resource-details-link {
  background: var(--dqrs-forest);
  border-color: var(--dqrs-forest);
  color: var(--dqrs-ivory);
}
.catalogue-page .resource-actions .resource-details-link:hover {
  background: var(--dqrs-emerald);
}
.catalogue-page :is(input, select) {
  color: var(--dqrs-ink);
  border-color: var(--dqrs-border);
}
.catalogue-page :is(a, input, select):focus-visible {
  outline-color: #957126;
}
/* READER — includes fallback for missing resource-premium.css */
body.dqrs-reader-page {
  background: var(--dqrs-parchment);
  color: var(--dqrs-ink);
}
.dqrs-reader-page .site-header {
  background: var(--dqrs-emerald);
  border-bottom: 1px solid rgba(245, 241, 231, 0.18);
}
.dqrs-reader-page .site-logo {
  background: transparent;
  border: 1px solid var(--dqrs-gold);
  border-radius: 7px;
  color: var(--dqrs-parchment);
}
.dqrs-reader-page .site-logo span {
  color: var(--dqrs-gold);
}
.dqrs-reader-page .brand-text strong,
.dqrs-reader-page .site-header nav a {
  color: var(--dqrs-parchment);
}
.dqrs-reader-page .brand-text small {
  color: #c3cabc;
}
.dqrs-reader-page .reader-masthead {
  background: radial-gradient(
    circle at 79% 65%,
    #234736 0%,
    #18352a 42%,
    #10271f 100%
  );
  color: var(--dqrs-parchment);
}
.dqrs-reader-page .reader-topline,
.dqrs-reader-page .breadcrumb,
.dqrs-reader-page .breadcrumb a {
  color: #e3dfc9;
}
.dqrs-reader-page :is(.reader-kicker, .reader-eyebrow, .reader-gold-dot) {
  color: var(--dqrs-gold);
}
.dqrs-reader-page .resource-overview h1 {
  color: var(--dqrs-parchment);
}
.dqrs-reader-page .resource-overview .resource-author {
  color: #c3cabc;
}
.dqrs-reader-page .reader-masthead-decoration {
  color: rgba(229, 205, 155, 0.07);
}
.dqrs-reader-page .metadata-item {
  background: var(--dqrs-ivory);
  border-color: var(--dqrs-border);
}
.dqrs-reader-page .metadata-item .metadata-label {
  color: #846a3e;
}
.dqrs-reader-page .metadata-item span:last-child {
  color: var(--dqrs-ink);
}
.dqrs-reader-page .reader-actions .action-primary {
  background: var(--dqrs-forest);
  color: var(--dqrs-ivory);
}
.dqrs-reader-page .reader-actions .action-secondary {
  background: var(--dqrs-ivory);
  border: 1px solid var(--dqrs-border);
  color: var(--dqrs-forest);
}
.dqrs-reader-page .reader-viewer-topline {
  background: var(--dqrs-emerald);
  color: var(--dqrs-parchment);
}
.dqrs-reader-page .reader-viewer-dot {
  background: var(--dqrs-gold);
}
.dqrs-reader-page a:focus-visible {
  outline-color: #957126;
}
/* PLANE: same geometry/motion, new warm gold trail. SVG wing stops are changed in index.html. */
#dqrs-trail path {
  stroke: var(--dqrs-gold-light);
}
#dqrs-t1 {
  stroke: var(--dqrs-gold-light);
}
#dqrs-t2 {
  stroke: var(--dqrs-gold);
}
#dqrs-t3 {
  stroke: #f5e3b6;
}
@media (prefers-reduced-motion: reduce) {
  /* Existing motion accessibility rules continue to apply. */
  .home-cinematic .cin-pill:hover {
    transform: none;
  }
}
/* DQRS — Accessibility colour refinements */

:root {
  --dqrs-gold-text: #806024;
  --dqrs-muted-text: #506359;
}

/* Small labels on light surfaces */
.catalogue-page :is(.catalogue-eyebrow, .catalogue-kicker) {
  color: var(--dqrs-gold-text);
}

/* Reader labels on parchment */
.dqrs-reader-page :is(.reader-eyebrow, .reader-kicker) {
  color: var(--dqrs-gold-text);
}

/* Retain bright gold on the dark mastheads */
.catalogue-page .catalogue-masthead :is(.catalogue-eyebrow, .catalogue-kicker),
.dqrs-reader-page .reader-masthead :is(.reader-eyebrow, .reader-kicker) {
  color: var(--dqrs-gold-light);
}

/* ========================================
   DQRS — Lighthouse contrast corrections
   ======================================== */

/* Catalogue author text */
body.catalogue-page .resource-author {
  color: #506359;
}

/* Catalogue footer */
body.catalogue-page .catalogue-footer p,
body.catalogue-page .catalogue-footer a {
  color: #506359;
}

/* Resource reader footer */
body.dqrs-reader-page .reader-footer p,
body.dqrs-reader-page .reader-footer a {
  color: #506359;
}

/* Clear keyboard focus on light backgrounds */
body.catalogue-page .catalogue-footer a:focus-visible,
body.dqrs-reader-page .reader-footer a:focus-visible {
  outline: 2px solid #18352a;
  outline-offset: 4px;
}
/* DQRS official logo */

.cin-brand__mark {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.cin-brand__mark .dqrs-real-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* =======================================
   DQRS Official Logo Integration
   ======================================= */

.cin-brand__mark,
.site-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}

/* Official logo image */
.cin-brand__mark .dqrs-official-logo,
.site-logo .dqrs-official-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Remove placeholder-specific spacing */
.cin-brand__mark:has(.dqrs-official-logo),
.site-logo:has(.dqrs-official-logo) {
  font-size: 0;
  line-height: 0;
}
/* DQRS official logo — cleaner appearance */

.cin-brand__mark:has(.dqrs-official-logo),
.site-logo:has(.dqrs-official-logo) {
  border: none;
  background: transparent;
  box-shadow: none;
}

/* =========================================
   DQRS Official Logo — Rounded Design
   ========================================= */

/* Homepage, catalogue and PDF reader */
.cin-brand__mark:has(.dqrs-official-logo),
.site-logo:has(.dqrs-official-logo) {
  border-radius: 10px;
  overflow: hidden;
  background: #fffdf7;
  border: 1px solid #c9a45c;
  box-shadow: none;
}

/* The actual image */
.dqrs-official-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: inherit;
}

/* Cinematic intro */
.dqrs-opening__emblem:has(.dqrs-opening__logo) {
  border-radius: 10px;
  overflow: hidden;
  background: #fffdf7;
  border: 1px solid #c9a45c;
}

/* Intro image */
.dqrs-opening__logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: inherit;
}
/* Consistent official logo sizing */

.cin-brand__mark:has(.dqrs-official-logo),
.site-logo:has(.dqrs-official-logo) {
  width: 48px;
  height: 48px;
  min-width: 48px;
  flex-shrink: 0;
  border-radius: 10px;
  box-sizing: border-box;
}

@media (max-width: 600px) {
  .cin-brand__mark:has(.dqrs-official-logo),
  .site-logo:has(.dqrs-official-logo) {
    width: 40px;
    height: 40px;
    min-width: 40px;
  }
}
/* ==========================================
   DQRS — Catalogue logo refinement
   ========================================== */

body.catalogue-page .site-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

body.catalogue-page .site-logo:has(.dqrs-official-logo) {
  width: 44px;
  height: 44px;
  min-width: 44px;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: #fffdf7;
  overflow: hidden;
  box-shadow: none;
}

body.catalogue-page .site-logo .dqrs-official-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: inherit;
}
/* ==================================================
   DQRS OFFICIAL BRANDING
   ================================================== */

/* Header logo frames */

.cin-brand__mark:has(.dqrs-official-logo),
.site-logo:has(.dqrs-official-logo) {
  width: 44px;
  height: 44px;
  min-width: 44px;
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
  background: #fffdf7;
  border: 1px solid #c9a45c;
  box-shadow: none;
  flex-shrink: 0;
}

/* Gold-on-white logo image */

.dqrs-official-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Catalogue decorative black emblem */

body.catalogue-page .catalogue-masthead-decoration {
  position: absolute;
  top: 50%;
  right: 6%;
  transform: translateY(-50%);

  width: clamp(110px, 15vw, 230px);
  height: auto;
  aspect-ratio: auto;

  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;

  opacity: 0.35;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

/* Remove any old decorative plaque effects */

body.catalogue-page .catalogue-masthead-decoration::before,
body.catalogue-page .catalogue-masthead-decoration::after {
  content: none;
}

/* Black emblem image */

body.catalogue-page .catalogue-watermark-logo {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  opacity: 1;
  filter: none;
  mix-blend-mode: normal;
}

/* Mobile watermark */

@media (max-width: 600px) {
  body.catalogue-page .catalogue-masthead-decoration {
    width: 90px;
    right: 4%;
    opacity: 0.2;
  }
}