:root {
  --partner-orange: #ff5a1f;
  --partner-orange-ink: #2b140b;
  --partner-orange-dark: #a93614;
  --partner-orange-surface: #fff0e8;
  --partner-pill-background:
    linear-gradient(151deg, #fff8 11%, #fff0 54%),
    linear-gradient(115deg, #ff9b6f 0%, #ff7647 53%, #ff6530 100%);
  --partner-pill-shadow:
    inset 0 0 0 .035em #ee6b3d,
    inset 0 .04em .12em #fff7,
    inset 0 -.22em .35em #b640171f,
    0 .3em .6em -.2em #b343213d;
  --partner-pill-hover:
    linear-gradient(151deg, #fff9 10%, #fff0 60%),
    linear-gradient(115deg, #ffac84 0%, #ff8559 56%, #ff6e3d 100%);
  --partner-pill-hover-shadow:
    inset 0 0 0 .035em #ee6b3d,
    inset 0 .04em .14em #fff9,
    0 .38em .7em -.22em #b343214d;
  --green: var(--partner-orange);
  --green-dark: var(--partner-orange-dark);
  --ct-green: var(--partner-orange);
  --c-accent: var(--partner-orange);
  --shadow-focus: 0 0 0 3px #ff5a1f66;
}

.marketing-cta {
  --cta-rest-background: var(--partner-pill-background);
  --cta-rest-shadow: var(--partner-pill-shadow);
  --cta-engaged-background: var(--partner-pill-hover);
  --cta-engaged-shadow: var(--partner-pill-hover-shadow);
}

.uic-glass-green {
  color: var(--partner-orange-ink);
  background: var(--partner-pill-background);
  box-shadow: var(--partner-pill-shadow);
}

.uic-glass-green:is(:hover, :focus-visible, :active) {
  background: var(--partner-pill-hover);
  box-shadow: var(--partner-pill-hover-shadow);
}

.site-nav-cta.uic-glass-green,
.hero-cta--primary.uic-glass-green {
  color: var(--partner-orange-ink);
}