[data-bs-theme="dark"] {
  --bs-body-bg: #061c3e;
  --bs-bg-secondary: #143726;
  --bs-body-color: #fdf7f1;
  --bs-primary: #8fb4ff;
  --bs-secondary: #f7d198;
  --bs-secondary-text-emphasis: #7fd9b8;
  --bs-secondary-bg-subtle: #143726;
  --bs-secondary-border-subtle: #1e5539;
  --bs-warning: #f6aa29;
  /*--bs-heading-color: #fdf7f1;*/
  --bs-body-font-family: "Inter", sans-serif;
}

/* === Typography === */

p {
  font-size: 16px;
  font-weight: 400;
}

h1 {
  font-size: calc(16px * 1.618 * 1.618 * 1.618);
  font-weight: 900;
}

h2 {
  font-size: calc(16px * 1.618 * 1.618);
  font-weight: 700;
}

h3 {
  font-size: calc(16px * 1.618);
  font-weight: 600;
}

h4 {
  font-size: calc(16px * 1.2);
  font-weight: 600;
}

h5 {
  font-size: calc(16px * 1.1);
  font-weight: 500;
}

h6 {
  font-size: 16px;
  font-weight: 500;
}

/* === Buttons === */

/* Base button tweaks */

.btn {
  --bs-btn-font-weight: 500;
  --bs-btn-border-radius: .5rem;
}

/* DARK THEME overrides */

[data-bs-theme="dark"] .btn-primary {
  --bs-btn-color: #2e261c;
  --bs-btn-bg: #f7d198;
  --bs-btn-border-color: #f7d198;
  --bs-btn-hover-color: #fdf7f1;
  --bs-btn-hover-bg: #0f654d;
  --bs-btn-hover-border-color: #0f654d;
  --bs-btn-active-color: #2e261c;
  --bs-btn-active-bg: #f7d198;
  --bs-btn-active-border-color: #f7d198;
  --bs-btn-focus-shadow-rgb: 36, 178, 111;
}

[data-bs-theme="dark"] .btn-outline-primary {
  --bs-btn-color: #f7d198;
  --bs-btn-border-color: #f7d198;
  --bs-btn-bg: transparent;
  --bs-btn-hover-color: #f4f5f7;
  --bs-btn-hover-bg: #f7d198;
  --bs-btn-hover-border-color: #f7d198;
  --bs-btn-active-color: #f4f5f7;
  --bs-btn-active-bg: color-mix(in srgb, #f7d198 82%, #f4f5f7 18%);
  --bs-btn-active-border-color: color-mix(in srgb, #f7d198 82%, #f4f5f7 18%);
}

.horda-text-dark {
  color: #2e261c !important;
}

.horda-text-name {
  color: #f7d198 !important;
}