/* Approved STILI v22.1 source tokens are copied unchanged from the brand kit. */
@import url("brand/v22_1/tokens.8be9c65544be.css");

@font-face {
  font-family: "Manrope";
  src: url("brand/v22_1/Manrope-Variable.946beb949095.ttf") format("truetype");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

:root {
  --stili-surface: #FFFFFF;
  --stili-surface-muted: #F0EEE8;
  --stili-action-hover: #A63219;
  --stili-focus: #9C321B;
  --stili-error: #AD2533;
  --stili-success: #287044;
  --stili-error-surface: #FFF1F2;
  --stili-success-surface: #EDF6EF;
  --stili-warning: #77551D;
  --stili-warning-surface: #FBF3DF;
}

/* 0.25 of the visible cap height is reserved on every side. */
.brand-logo {
  display: inline-flex;
  flex: none;
  align-items: center;
  padding: 8px;
  vertical-align: middle;
  line-height: 0;
}
.brand-logo img {
  display: block;
  width: auto;
  height: 32px;
  max-width: none;
  object-fit: contain;
}
.brand-logo--primary { padding: 12px; }
.brand-logo--primary img { height: 48px; }
.brand-logo .brand-logo-dark { display: none; }
html[data-theme="dark"] .brand-logo .brand-logo-light { display: none; }
html[data-theme="dark"] .brand-logo .brand-logo-dark { display: block; }
@media (prefers-color-scheme: dark) {
  html[data-theme="auto"] .brand-logo .brand-logo-light { display: none; }
  html[data-theme="auto"] .brand-logo .brand-logo-dark { display: block; }
}