:root {
  --maroon: #8a1f2e;
  --maroon-deep: #6e1622;
  --maroon-bright: #a5283a;
  --silver: #c8c8cc;
  --silver-soft: #e4e4e8;
  --palm-gray: #8a8a96;
  --ink: #1a1214;
  --cream: #f7f5f6;
  --white: #ffffff;
  --ring-track: rgba(138, 31, 46, 0.12);
  --shadow: 0 18px 50px rgba(110, 22, 34, 0.18);
  --font-display: "Bebas Neue", "Arial Narrow", sans-serif;
  --font-body: "Manrope", sans-serif;
  --font-script: "Great Vibes", cursive;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--cream);
  -webkit-font-smoothing: antialiased;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}