: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: #d9b779;
  --st-color-on-accent: #121417;
  --st-font-heading: ui-sans-serif, system-ui, sans-serif;
  --st-font-body: ui-sans-serif, system-ui, sans-serif;
  --st-radius-control: 0.5rem;
  --st-radius-surface: 1rem;
  --st-radius-button: 999px;
  --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(4rem, 9vw, 7.5rem);
  --st-content-spacing: clamp(1rem, 4vw, 2rem);
}