@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("./fonts/plus-jakarta-sans-variable.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
:root {
  --kupr-ember: #C64304;
  --kupr-oat: #FFF6E8;
  --kupr-dark-roast: #281814;
  --kupr-crema: #F5D9AA;
  --kupr-leaf-green: #526348;
  --kupr-surface: #FFFCF6;
  --kupr-muted: #6B564B;
  --kupr-border: #DBCBB8;
  --kupr-field-border: #8C7566;
  --kupr-danger: #A62F27;
  --kupr-font: "Plus Jakarta Sans", system-ui, sans-serif;
  --kupr-radius-input: 12px;
  --kupr-radius-card: 16px;
  --kupr-radius-campaign: 24px;
}
.kupr-icon { width: 24px; height: 24px; flex: 0 0 auto; color: var(--kupr-dark-roast); }
.kupr-wordmark {
  display: inline-block;
  width: 156px;
  aspect-ratio: 2.859375;
  background: var(--kupr-ember);
  -webkit-mask: url("./brand/kupr-wordmark-oat.svg") center / contain no-repeat;
  mask: url("./brand/kupr-wordmark-oat.svg") center / contain no-repeat;
}
.kupr-wordmark--dark { background: var(--kupr-dark-roast); }
.kupr-wordmark--oat { background: var(--kupr-oat); }