/* HWB V5.5.4 — site-wide CTA button system.
   Light mode: warm HWB orange with white text.
   Dark mode: the same warm orange with HWB dark-grey text. */
:root {
  --hwb-button-primary:#ef8a50;
  --hwb-button-primary-hover:#e47c43;
  --hwb-button-primary-text:#ffffff;
  --hwb-button-dark-text:#263c33;
  --hwb-button-secondary-bg:color-mix(in srgb,var(--surface,#fff) 88%,transparent);
  --hwb-button-secondary-text:var(--ink,#18251f);
  --hwb-button-secondary-border:color-mix(in srgb,var(--ink,#18251f) 22%,transparent);
}

[data-theme="dark"] {
  --hwb-button-primary:#ef8a50;
  --hwb-button-primary-hover:#f39a63;
  --hwb-button-primary-text:#263c33;
  --hwb-button-secondary-bg:rgba(255,255,255,.065);
  --hwb-button-secondary-text:#f4f2e8;
  --hwb-button-secondary-border:rgba(255,255,255,.34);
}

.button,
a.button,
button.button,
.primary-button,
.secondary-button {
  min-height:60px;
  padding:15px 30px;
  border-radius:999px;
  font-family:"Avenir Next",Avenir,"Segoe UI",system-ui,-apple-system,sans-serif;
  font-size:clamp(1rem,.35vw + .96rem,1.18rem);
  line-height:1.1;
  font-style:normal;
  font-weight:700;
  font-variation-settings:normal;
  letter-spacing:0;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

.button-primary,
.primary-button {
  color:var(--hwb-button-primary-text)!important;
  background:var(--hwb-button-primary)!important;
  border-color:var(--hwb-button-primary)!important;
  box-shadow:none!important;
}

.button-primary:hover,
.button-primary:focus-visible,
.primary-button:hover,
.primary-button:focus-visible {
  color:var(--hwb-button-primary-text)!important;
  background:var(--hwb-button-primary-hover)!important;
  border-color:var(--hwb-button-primary-hover)!important;
  box-shadow:0 12px 26px rgba(112,61,35,.18)!important;
}

/* Secondary actions keep the same pill geometry but remain visually quieter. */
.button-secondary,
.secondary-button {
  color:var(--hwb-button-secondary-text)!important;
  background:var(--hwb-button-secondary-bg)!important;
  border-color:var(--hwb-button-secondary-border)!important;
}

.button-secondary:hover,
.button-secondary:focus-visible,
.secondary-button:hover,
.secondary-button:focus-visible {
  color:var(--hwb-button-secondary-text)!important;
  background:color-mix(in srgb,var(--hwb-button-secondary-bg) 82%,var(--hwb-button-primary) 18%)!important;
  border-color:color-mix(in srgb,var(--hwb-button-secondary-border) 58%,var(--hwb-button-primary) 42%)!important;
}

.button:disabled,
.button[aria-disabled="true"],
.primary-button:disabled,
.secondary-button:disabled {
  opacity:.48;
  cursor:not-allowed;
  box-shadow:none!important;
  transform:none!important;
}

@media (max-width:620px) {
  .button,
  a.button,
  button.button,
  .primary-button,
  .secondary-button {
    min-height:56px;
    padding:14px 24px;
  }
}