:root {
  --paper: #252826;
  --ink: #f4f3ee;
  --muted: #cecfca;
  --line: #555e57;
  --light: #2b312d;
  --white: #f4f3ee;
  --card: #16271e;
  --accent: #a8d4b7;
  --action: #2b5a44;
  --action-hover: #1f4a3a;
  --card-hover: #254532;
}
body {
  background: var(--paper) url("assets/grain.svg") repeat;
}
.hero {
  background-image: linear-gradient(rgb(0 0 0 / 55%), rgb(0 0 0 / 55%)), url("assets/rock.jpg");
  background-size: cover;
  background-position: center;
}
.button, nav .nav-contact {
  border: 1px solid #3d6f57;
  background: #2b5a44;
  color: var(--white);
  box-shadow: none;
}
.button:is(:hover, :focus-visible), nav .nav-contact:is(:hover, :focus-visible) {
  background: #1f4a3a;
  border-color: #3d6f57;
}
.coaching-option {
  background: var(--card);
  box-shadow: inset 0 1px 0 #7d9e825c, inset 0 -1px 0 #0b191080;
}
.coaching-option:is(:hover, :focus-visible) {
  background: var(--card-hover);
}
.coaching-option h3, .rate-price {
  color: #bcdcc1;
  background: linear-gradient(112deg, #d6e4cb 2%, #8cbc9e 38%, #cce3c9 58%, #9bc6ac 90%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.coaching-option:is(:hover, :focus-visible) h3 {
  background: none;
  -webkit-text-fill-color: var(--white);
}
.services-section {
  background: var(--light);
}
.rate {
  background: var(--light);
}
.rate:not(.rate-package):is(:hover, :focus-visible) {
  background: var(--light);
  border-color: var(--line);
}
.rate-package,
.rate-package:is(:hover, :focus-visible) {
  background-image: linear-gradient(rgb(0 0 0 / 20%), rgb(0 0 0 / 20%)), url("assets/green-marble.jpg?v=8d009f071b");
  background-size: cover;
  background-position: center;
}
.rate-package .rate-price {
  background: none;
  color: var(--white);
  -webkit-text-fill-color: currentColor;
}