/* KALTERA teal palette. Loaded after kaltera.css.
   Colour values only: layout, type, effects and animations are exactly V3 (theme 1.0).
   Remove this file's enqueue to go back to the V3 beige and brass colours. */

:root {
  --vellum: #EAF0EE;        /* porcelain (was #ede7dc) */
  --vellum-deep: #E3EDEA;   /* mist (was #e6dfd1) */
  --brass-pale: #BCD8D6;    /* pale teal (was #dccca8) */
  --brass: #12707E;         /* teal (was #a8865a) */
  --brass-deep: #0E5D69;    /* deep teal (was #7a5f3a) */
  --green: #16262B;         /* navy (was #142328) */
  --green-lift: #21363C;
  --green-deep: #101D21;
  --heading: #12707E;       /* was #377381 */
  --text: #16262B;          /* was #101112 */
  --ink-muted: rgb(22 38 43 / 0.68);
  --rule: rgb(22 38 43 / 0.16);
  --rule-strong: rgb(22 38 43 / 0.32);
}

/* Primary buttons in teal (V3 used the dark green) */
.btn {
  --btn-bg: #12707E;
  --btn-fg: #F5F8F7;
  --btn-bg-hover: #0E5D69;
}
.btn--secondary {
  --btn-bg: transparent;
  --btn-fg: var(--text);
  --btn-bg-hover: rgb(22 38 43 / 0.06);
}

/* Marks and selected chips in teal */
.coa-step__mark,
.confirm__mark {
  background: var(--brass);
  color: #F5F8F7;
}
.standards.is-staged .coa-step:not(.is-done):not(.is-active) .coa-step__mark {
  background: transparent;
}
.chip input:checked + span {
  background: var(--brass);
  border-color: var(--brass);
  color: #F5F8F7;
}
.consent input {
  accent-color: var(--brass);
}

/* Colours V3 wrote out in full instead of using the tokens */
.hero__light {
  background:
    radial-gradient(60% 70% at 78% 38%, rgb(18 112 126 / 0.2), transparent 70%),
    radial-gradient(40% 50% at 12% 100%, rgb(14 93 105 / 0.18), transparent 70%);
}
.hero__coa {
  background: rgb(234 240 238 / 0.84);
}
.hero__veil {
  background: linear-gradient(90deg, rgb(234 240 238 / 0.9) 0%, rgb(234 240 238 / 0.62) 36%, rgb(234 240 238 / 0) 50%);
}
@media (max-width: 979px) {
  .hero__veil {
    background: linear-gradient(0deg, rgb(234 240 238 / 0.94) 0%, rgb(234 240 238 / 0.7) 55%, rgb(234 240 238 / 0.2) 100%);
  }
  .has-holo ~ .hero__veil {
    background: none;
  }
}
.is-stepping .how__card[data-state="active"],
.fit__panel--yes {
  border-color: rgb(18 112 126 / 0.5);
}
.fit__panel--yes {
  background: var(--vellum);
}
.btn--secondary:hover {
  border-color: var(--green);
}
.on-green .btn--secondary,
.tone-green .btn--secondary {
  --btn-bg-hover: rgb(234 240 238 / 0.08);
  border-color: rgb(234 240 238 / 0.4);
}
.on-green .field input,
.on-green .field select {
  background: rgb(234 240 238 / 0.06);
}
.standards.is-staged .doc__part::before {
  background: rgb(188 216 214 / 0.62);
}
.footer__contact:hover {
  background: rgb(22 38 43 / 0.08);
}