/* Coral, sampled from assets/img/logo.png. functions.php re-declares these from
   config/team.php; they are repeated here so the stylesheet stands on its own. */
:root {
  --kc-accent: #FB5152;
  --kc-accent-bright: #FC7475;
  --kc-accent-deep: #BC2F30;
  --pk-red: var(--kc-accent);
  --pk-red-bright: var(--kc-accent-bright);
  --pk-red-deep: var(--kc-accent-deep);
}

/* The logo is a wide badge rather than Port's square crest. */
.logo-mark {
  width: auto;
  height: 42px;
  max-width: 170px;
  border-radius: 6px;
}

/* The badge already carries the English wordmark. */
.logo-en {
  display: none;
}

.logo-jp {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  opacity: 1;
}

@media (min-width: 720px) {
  .logo-mark {
    height: 50px;
    max-width: 200px;
  }
}

/* Coral is light enough that small copy on white washes out, so text-sized uses
   take the deep tone. Fills, borders and display type keep the logo colour. */
.section-label,
.req,
.form-divert a,
.form-divert-en a,
.mock-note a,
.faq-item summary::after,
.news-banner-head h2 span,
.mk-news-single .entry-content a:not(.wp-block-button__link):not(.btn) {
  color: var(--pk-red-deep);
}

.text-link {
  color: var(--pk-red-deep) !important;
}