/* CNPS branding for OpenProject (projects.naturalphilosophy.org).
   Sets the same variables OpenProject's Enterprise "Design" page would.
   Palette from NPXSquare.png: navy #2d3e50, green #00a500, light green #b5e5b5.
   Buttons/links use a darker green (#007a00) so white text stays readable. */

:root {
  --header-bg-color: #2d3e50;
  --header-item-font-color: #ffffff;
  --header-item-font-hover-color: #b5e5b5;
  --header-border-bottom-width: 0px;

  --primary-button-color: #007a00;
  --primary-button-color--major1: #006400;
  --primary-button-color--minor1: #ccf2cc;
  --primary-button-color--minor2: #99e499;
  --primary-button-color--dark-mode: #66c466;
  --font-color-on-primary: #ffffff;

  --accent-color: #007a00;
  --accent-color--major1: #006200;
  --accent-color--major2: #004900;
  --accent-color--minor1: #cce4cc;
  --accent-color--minor2: #99ca99;
  --accent-color--dark-mode: #66c466;
}

/* Logo: square np mark in the header (desktop, mobile and high-contrast variants) */
.op-logo--link,
.op-logo--link_high_contrast,
.op-logo--icon,
.op-logo--icon_white {
  background-image: url(/cnps-brand/logo.png?v=1) !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}

/* Link back to the main NPRI site, in the top header (view_layouts_base_top_menu hook). */
.cnps-home-link{display:inline-flex;align-items:center;gap:.45rem;margin-right:.75rem;padding:.3rem .65rem;
  border-radius:6px;color:inherit;text-decoration:none;font-size:.875rem;font-weight:600;white-space:nowrap}
.cnps-home-link:hover{background:rgba(255,255,255,.12);text-decoration:none;color:inherit}
.cnps-home-link img{border-radius:4px;display:block}
@media (max-width:680px){.cnps-home-link span{display:none}}