/* =========================================================================
   Replication Research (R2) — OJS theme override (minimal)
   Matches the fonts + colors of https://www.replicationresearch.org while
   leaving OJS's default layout / structure untouched (no box-sizing,
   no container/sidebar/footer width overrides).
   Upload via: Settings > Website > Appearance > Advanced > "Journal style sheet".
   ========================================================================= */

/* Fonts (Google Fonts so the OJS instance renders the same typefaces the
   GH site self-hosts). */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600;700&family=Source+Serif+4:wght@400;600;700&display=swap');

:root {
  --accent: #009dd0;         /* R2 logo blue */
  --accent-dark: #00769c;
  --accent-soft: #e6f5fa;
  --accent-deep: #006080;    /* default text/link color */
  --accent-deep-dark: #004a63;
  --ink: #1c2733;
  --ink-soft: #4a5866;
  --muted: #75828f;
  --rule: #e3e8ed;
  --bg: #ffffff;
  --bg-alt: #f6f8fa;
  --header-bg: #262d34;
  --serif: "Source Serif 4", "Charter", Cambria, Georgia, serif;
  --sans: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* --- Typography ------------------------------------------------ */
body {
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.6;
  color: var(--ink);
  background: var(--bg);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--serif);
  color: var(--ink);
  font-weight: 600;
}

/* --- Links ----------------------------------------------------- */
a { color: var(--accent-deep); }
a:hover { color: var(--accent); }

/* --- Header background (OJS default header is #3e3e3e; use the GH blue-grey) --- */
.pkp_structure_head { background: var(--header-bg); }

/* --- Nav link colors on the dark header (layout left to OJS) --- */
.pkp_navigation_primary > li > a { color: #c9d4de; }
.pkp_navigation_primary > li > a:hover { color: #fff; }
.pkp_navigation_user > li > a { color: #8ba2b5; }
.pkp_navigation_user > li > a:hover { color: #fff; }
.pkp_navigation_search_wrapper a.pkp_search { color: #c9d4de; }
.pkp_navigation_search_wrapper a.pkp_search:hover { color: #fff; }