@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/font-fraunces-latin-wght-normal.7f9d191d999336d3.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/font-inter-latin-wght-normal.3100e775e8616cd2.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/font-inter-latin-wght-italic.7291b5970da22374.woff2") format("woff2");
}
:root {
  --st-color-background: #111315;
  --st-color-surface: #1a1d21;
  --st-color-surface-subtle: #202328;
  --st-color-text: #eeece7;
  --st-color-text-muted: #a5a39d;
  --st-color-border: #343941;
  --st-color-accent: #f2a541;
  --st-color-on-accent: #141414;
  --st-color-accent-text: #f2a541;
  --st-font-heading: "Fraunces", Georgia, "Times New Roman", serif;
  --st-font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --st-radius-control: 0;
  --st-radius-surface: 0;
  --st-radius-button: 0;
  --st-shadow-surface: 0 1.25rem 3rem rgb(0 0 0 / 35%);
  --st-overlay-strong: rgb(0 0 0 / 80%);
  --st-overlay-medium: rgb(0 0 0 / 64%);
  --st-overlay-faint: rgb(0 0 0 / 24%);
  --st-overlay-text: #ffffff;
  --st-section-spacing: clamp(5.5rem, 12vw, 10.5rem);
  --st-content-spacing: clamp(1.5rem, 5vw, 3rem);
}
.st-band--subtle {
  --st-color-background: #202328;
}
.st-band--accent {
  --st-color-background: #f2a541;
  --st-color-surface: #dc973d;
  --st-color-surface-subtle: #ce8e3a;
  --st-color-text: #141414;
  --st-color-text-muted: #45341e;
  --st-color-border: #b47c34;
  --st-color-accent-text: #141414;
  --st-band-button-fill: #141414;
  --st-band-button-text: #f2a541;
}
.st-band--inverse {
  --st-color-background: #f6f5f1;
  --st-color-surface: #ffffff;
  --st-color-surface-subtle: #eeece6;
  --st-color-text: #1d1f22;
  --st-color-text-muted: #5d6166;
  --st-color-border: #dedbd3;
  --st-color-accent-text: #916327;
}
.st-band,
.st-chrome {
  --mantine-color-body: var(--st-color-background);
  --mantine-color-text: var(--st-color-text);
  --mantine-color-dimmed: var(--st-color-text-muted);
  --mantine-color-default-border: var(--st-color-border);
}
.st-band--accent .mantine-Button-root:not([data-variant]),
.st-band--accent .mantine-Button-root[data-variant="filled"] {
  --button-bg: var(--st-band-button-fill) !important;
  --button-hover: var(--st-band-button-fill) !important;
  --button-color: var(--st-band-button-text) !important;
}
.st-band--accent .mantine-Button-root[data-variant="outline"] {
  --button-color: var(--st-color-text) !important;
  --button-bd: 1px solid var(--st-color-text) !important;
  --button-hover: color-mix(in srgb, var(--st-color-text) 10%, transparent) !important;
}
.st-band--accent .mantine-Input-input,
.st-band--inverse .mantine-Input-input {
  border-color: var(--st-color-border);
  background: var(--st-color-surface);
  color: var(--st-color-text);
}
.st-band--accent .mantine-Input-input::placeholder,
.st-band--inverse .mantine-Input-input::placeholder {
  color: var(--st-color-text-muted);
}
