/* AJCR warm-stone surface correction R1 — 2026-10-09.
   Only background, border and muted-text tones. No layout, policy, branding,
   photography, research data or editorial functionality changes. */
:root {
  --aortic-paper-base: #f2eee8;
  --aortic-paper-surface: #f7f3ee;
  --aortic-paper-raised: #fbf8f3;
  --aortic-paper-muted: #e8e1d8;
  --aortic-paper-edge: #d7cfc5;
  --aortic-paper-secondary-ink: #485764;
  --paper: var(--aortic-paper-base);
  --surface: var(--aortic-paper-surface);
  --warm: var(--aortic-paper-muted);
  --line: var(--aortic-paper-edge);
  --muted: var(--aortic-paper-secondary-ink);
  --ajcr-paper: var(--aortic-paper-base);
  --ajcr-line: var(--aortic-paper-edge);
}
html { background-color: var(--aortic-paper-base) !important; }
body.aortic-editorial-home,
body.aortic-editorial-shell,
body[class*="pkp_page_"] {
  background-color: var(--aortic-paper-base) !important;
}

/* Broad editorial canvas: the old #fff page fills were the main glare. */
body .aortic-page:not(.aortic-page-body-card),
body .aortic-page-body-card,
body .aortic-editorial-home-page,
body .aortic-page-article,
body .aortic-page-issue-reader,
body .aortic-page-static-editorial {
  background-color: var(--aortic-paper-base) !important;
}

/* Quietly differentiated editorial sections rather than white bands. */
body .editorial-page-hero,
body .issue-feature-section,
body .publication-band,
body .featured-research-section,
body .aortic-globe-intro,
body .aortic-globe-caption,
body .observatory-intro,
body .globe-observatory-intro,
body .aortic-page-article .aortic-article-title-card,
body .aortic-page-issue-reader .aortic-issue-reader-header {
  background-color: var(--aortic-paper-surface) !important;
}
body .hero {
  background: linear-gradient(90deg, rgba(182, 56, 51, .025), transparent 34%), var(--aortic-paper-base) !important;
}

/* Raised reading objects: still distinct, no stark pure-white cards. */
body .hero-map,
body .hero-map.hero-map-teaser,
body .community-spotlight,
body .community-spotlight-editorial,
body .focus-item,
body .current-card,
body .evidence,
body .passport,
body .passport-grid,
body .notice,
body .toc,
body .aortic-research-passport,
body .aortic-sample-notice,
body .aortic-reader-author-bio,
body .aortic-passport-details-grid,
body .aortic-archive-card,
body .aortic-news-card,
body .aortic-news-feature,
body .aortic-news-rotator,
body .aortic-news-calendar-panel,
body .aortic-news-list-panel,
body .aortic-standard-content,
body .aortic-static-content,
body .aortic-auth-card,
body .aortic-login-card,
body .aortic-register-card,
body .aortic-globe-container.aortic-globe-stage-shell,
body #aortic-globe-panel,
body .globe-story-panel,
body .observatory-map-card,
body .observatory-country-panel,
body .observatory-country-story {
  background-color: var(--aortic-paper-raised) !important;
}

/* Recessed surfaces, filters, documentation navigation and map backdrops. */
body .section.community-section,
body .aortic-globe-stage-section,
body .hero-map-stage,
body .hero-map-teaser-stage,
body .aortic-reader-toc-card,
body .aortic-issue-reader-cover,
body .aortic-article-title-actions,
body .community-contribution,
body .aortic-board-tabs,
body .sidebar-nav {
  background-color: var(--aortic-paper-muted) !important;
}

/* The same finish on public search, form, and filter fields.
   Keep the existing keyboard focus treatment and button semantics. */
body .masthead-search-form,
body .masthead-search-form input,
body .masthead-search-form button,
body .site-shell .masthead-actions .btn-primary,
body .aortic-mobile-search input,
body .aortic-mobile-search button,
body .aortic-library-search input,
body .aortic-library-year select,
body .aortic-archive-search input,
body .aortic-archive-year select,
body .aortic-page .cmp_form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
body .aortic-page .cmp_form select,
body .aortic-page .cmp_form textarea,
body .aortic-page input[type="search"],
body .aortic-page select,
body .aortic-page textarea,
body .aortic-reader-toc a,
body .aortic-page-login .aortic-auth-secondary,
body .aortic-board-tab.is-active {
  background-color: var(--aortic-paper-raised) !important;
}
body .aortic-page input:not([type="checkbox"]):not([type="radio"]),
body .aortic-page select,
body .aortic-page textarea,
body .masthead-search-form {
  border-color: var(--aortic-paper-edge) !important;
}

/* Metadata needs adequate contrast on the darker, warmer paper.
   The red masthead, buttons, dark footer and chart colors are untouched. */
body .editorial-page-hero p:not(.editorial-page-kicker),
body .focus-item p,
body .current-card p,
body .section-head p,
body .aortic-reader-meta,
body .aortic-issue-reader-meta,
body .community-contribution,
body .aortic-library-issue-count {
  color: var(--aortic-paper-secondary-ink) !important;
}

/* Embedded Council-authored information is NOT changed; only its shared
   surrounding surface classes are recolored. Transparent iframe layout stays. */
body .aortic-accent-block,
body .controls-wrapper,
body .filter-tag,
body .advisor-card,
body .advisor-header,
body .apc-card,
body .benefit-card,
body .vision-hero,
body .contact-card,
body .privacy-card,
body .aortic-board-tab.is-active {
  background-color: var(--aortic-paper-raised) !important;
}
body .sidebar-nav,
body .aortic-board-tabs,
body .filter-controls,
body .privacy-section-header {
  background-color: var(--aortic-paper-muted) !important;
}
body .controls-wrapper,
body .advisor-card,
body .apc-card,
body .benefit-card,
body .sidebar-nav,
body .filter-tag {
  border-color: var(--aortic-paper-edge) !important;
}

/* R2 — cross-page color harmonization, 2026-10-09.
   Use the same four neutral surfaces on existing OJS/public components.
   No Council text, page structure, alert meanings or journal data changes. */

/* Institutional page frames should not become a second solid slab.
   Their real callouts/cards still use the established raised surface. */
body .aortic-page-static-editorial .aortic-static-content.editorial-content-shell {
  background-color: transparent !important;
}
/* Keep Editorial & Advisory tabs, panel and body on continuous warm paper. */
body .aortic-page-static-board .aortic-board-switcher,
body .aortic-page-static-board .aortic-board-panel {
  background: var(--aortic-paper-base) !important;
}
body .aortic-page-static-board .aortic-board-frame {
  background: transparent !important;
}
/* The original clipped biography fade ended in pure white; match its card. */
body .advisor-bio::after {
  background: linear-gradient(to bottom, rgba(251,248,243,0), var(--aortic-paper-raised)) !important;
}

/* Signed-in My AJCR briefing: same quiet band as the standard page hero. */
body .aortic-myajcr {
  background: var(--aortic-paper-surface) !important;
  border-color: var(--aortic-paper-edge) !important;
}
body .aortic-myajcr-secondary,
body .aortic-myajcr-attention-list > a,
body .aortic-myajcr-notices > a,
body .aortic-myajcr-dates article {
  border-color: var(--aortic-paper-edge) !important;
}

/* Discover is not wrapped in .aortic-page, so include it explicitly. */
body .discover-page { background: var(--aortic-paper-base) !important; }
body .discover-hero { background: var(--aortic-paper-surface) !important; }
body .discover-filters,
body .discover-main-search,
body .discover-empty,
body .discover-message {
  background: var(--aortic-paper-raised) !important;
}
body .discover-main-search input,
body .discover-filters input,
body .discover-filters select {
  background: var(--aortic-paper-surface) !important;
  border-color: var(--aortic-paper-edge) !important;
}
body .discover-passport-strip > span {
  background: var(--aortic-paper-surface) !important;
}

/* Registration fieldsets were still cold white/blue despite warm outer card.
   Validation errors, required indicators, checkboxes and buttons retain meaning. */
body .aortic-page-register .cmp_form.register fieldset,
body .aortic-page-register .cmp_form.register fieldset.identity,
body .aortic-page-register .cmp_form.register fieldset.login,
body .aortic-page-register .cmp_form.register fieldset.consent,
body .aortic-page-register .cmp_form.register fieldset.reviewer {
  background: var(--aortic-paper-surface) !important;
  border-color: var(--aortic-paper-edge) !important;
}
body .aortic-page-register .cmp_form.register input[type="text"],
body .aortic-page-register .cmp_form.register input[type="email"],
body .aortic-page-register .cmp_form.register input[type="password"],
body .aortic-page-register .cmp_form.register select,
body .aortic-page-register .cmp_form.register textarea,
body .aortic-page-register .cmp_form.register li.context,
body .aortic-page-register .cmp_form.register .buttons .login {
  background: var(--aortic-paper-raised) !important;
  border-color: var(--aortic-paper-edge) !important;
}

/* The embedded Contact form and its routing chips still used cool blue-white. */
body .contact-form-wrapper {
  background: var(--aortic-paper-raised) !important;
  border-color: var(--aortic-paper-edge) !important;
}
body .contact-form-wrapper input:not([type="checkbox"]):not([type="radio"]),
body .contact-form-wrapper textarea,
body .contact-form-wrapper select {
  background: var(--aortic-paper-surface) !important;
  border-color: var(--aortic-paper-edge) !important;
}
body .route-chip:not(.active) {
  background: var(--aortic-paper-muted) !important;
  border-color: var(--aortic-paper-edge) !important;
}
body .route-chip:not(.active):hover { background: var(--aortic-paper-surface) !important; }

/* Bring the small Reviewer call-to-action rail into the same tonal range. */
body .reviewers-cta-row { background: var(--aortic-paper-raised) !important; }

/* Callouts retain their red/emphasis text and borders, not legacy white fills. */
body .apc-card.featured,
body .note-box { background: var(--aortic-paper-raised) !important; }

/* Legibility on deeper paper: keep the existing brand hues, but use their
   darker ink counterparts for small text on neutral backgrounds. */
:root {
  --aortic-paper-red-ink: #a82f2a;
  --aortic-paper-teal-ink: #0b675e;
  --aortic-paper-gold-ink: #805e2e;
}
body .focus-number { color: var(--aortic-paper-gold-ink) !important; }
body .hero-map-teaser .tiny-label,
body .hero-map-teaser a { color: var(--aortic-paper-teal-ink) !important; }
body .advisor-role,
body .apc-label { color: var(--aortic-paper-red-ink) !important; }
body .aortic-title-actions-label { color: #475467 !important; }

body .featured-meta,
body .byline,
body .hero-map-teaser-note,
body .aortic-newsroom-row-summary,
body .aortic-newsroom small,
body .aortic-myajcr-roles,
body .aortic-myajcr-status span,
body .aortic-myajcr-empty,
body .aortic-myajcr-attention-copy small,
body .aortic-myajcr-dates time,
body .discover-result-meta,
body .discover-result-abstract,
body .discover-results-head > p,
body .discover-filter-note p,
body .aortic-reader-affiliation,
body .aortic-reader-meta > span,
body .aortic-research-passport p,
body .aortic-passport-label,
body .aortic-passport-secondary,
body .aortic-page-register .aortic-auth-required,
body .aortic-page-register .aortic-auth-required abbr,
body .apc-desc,
body .advisor-grid + p {
  color: var(--aortic-paper-secondary-ink) !important;
}

/* Reassert native form focus border after overriding earlier neutral borders. */
body .aortic-page-register .cmp_form.register input:focus,
body .aortic-page-register .cmp_form.register select:focus,
body .aortic-page-register .cmp_form.register textarea:focus {
  border-color: #0f9f91 !important;
}
body .contact-form-wrapper input:not([type="checkbox"]):not([type="radio"]):focus,
body .contact-form-wrapper textarea:focus,
body .contact-form-wrapper select:focus {
  border-color: #0f9f91 !important;
}

/* Homepage Observatory teaser: match the real Observatory stage colour.
   The separate SVG object defaulted to pale paper; keep it transparent so
   no inset light rectangle interrupts the shared deep-teal gradient. */
body .aortic-editorial-home-page .hero-map-teaser-stage {
  background:
    radial-gradient(circle at 50% 42%, rgba(188,60,57,.035), transparent 32%),
    linear-gradient(160deg, #072f31 0%, #0a3a3c 60%, #10484a 100%) !important;
}
body .aortic-editorial-home-page .hero-map-teaser-stage object {
  background: transparent !important;
}