@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-Variable.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
:root {
  --st-font-brand: "Manrope", system-ui, sans-serif;
  --st-font-ui: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --st-radius-control: 12px;
  --st-radius-panel: 20px;
  --st-motion-response: 160ms;
  --st-brand-charcoal: #17191C;
  --st-brand-ivory: #F3EFE6;
  --st-brand-orange: #F26A3F;
  --st-brand-slate: #8B9299;
  --st-space-4: 4px;
  --st-space-8: 8px;
  --st-space-12: 12px;
  --st-space-16: 16px;
  --st-space-24: 24px;
  --st-space-32: 32px;
  --st-space-48: 48px;
  --st-space-64: 64px;
  --st-space-96: 96px;
}
:root, [data-st-theme="dark"] {
  --st-color-scheme: dark;
  --st-background: #17191C;
  --st-surface: #23262B;
  --st-raised: #30343A;
  --st-text: #F3EFE6;
  --st-muted: #B7BDC3;
  --st-border: #777F88;
  --st-action: #F26A3F;
  --st-action-hover: #F77B53;
  --st-action-pressed: #DE5931;
  --st-on-action: #17191C;
  --st-link: #FF956F;
  --st-focus: #F3EFE6;
  --st-inactive-beat: #8B9299;
  --st-success: #76D6A0;
  --st-warning: #F3C76C;
  --st-danger: #FF9298;
}
[data-st-theme="light"] {
  --st-color-scheme: light;
  --st-background: #F3EFE6;
  --st-surface: #FFFFFF;
  --st-raised: #E6E0D6;
  --st-text: #17191C;
  --st-muted: #59616A;
  --st-border: #777F88;
  --st-action: #F26A3F;
  --st-action-hover: #F77B53;
  --st-action-pressed: #DE5931;
  --st-on-action: #17191C;
  --st-link: #A33D1D;
  --st-focus: #17191C;
  --st-inactive-beat: #777F88;
  --st-success: #236946;
  --st-warning: #795100;
  --st-danger: #AC2532;
}
@media (prefers-reduced-motion: reduce) {
  :root { --st-motion-response: 0ms; }
}
.st-brand-scope { color-scheme: var(--st-color-scheme); background: var(--st-background); color: var(--st-text); font-family: var(--st-font-ui); }
.st-tempo { font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; letter-spacing: -.035em; }
.st-button {
  background: var(--st-action); color: var(--st-on-action);
  border: 1px solid var(--st-text); border-radius: var(--st-radius-control);
  min-height: 44px; padding: 12px 20px; font: inherit; font-weight: 700;
  transition: background-color var(--st-motion-response) ease;
}
.st-button:hover { background: var(--st-action-hover); }
.st-button:active { background: var(--st-action-pressed); }
.st-button:focus-visible { outline: 3px solid var(--st-focus); outline-offset: 4px; }
.st-button:disabled { cursor: not-allowed; background: var(--st-raised); color: var(--st-muted); }
.st-brand-scope a { color: var(--st-link); text-decoration: underline; text-underline-offset: 3px; }
.st-brand-scope a:focus-visible { outline: 3px solid var(--st-focus); outline-offset: 4px; }