:root {
  --primary_color: #111c2e;
  --secondary_color: #505153;
  --accent_color: #9d1b23;
  --accent_color_rgb: 157, 27, 35;
  --accent_color_light: #c4212c;
  --accent_color_light_rgb: 196, 33, 44;
}

[data-bs-theme=dark] {
  --primary_color: white;
  --secondary_color: #111c2e;
}

@media only screen and (min-width: 1000px) {
  html {
    /* margin-left: 3rem;
    margin-right: 3rem; */
    /* text-align: center;
    max-width: 1024px; */
    margin: 0 auto;
    max-width: 1024px;
  }
}

.section {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.section_title {
  color: var(--accent_color);
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.section_body {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

[data-bs-theme="dark"] .logo {
  content: url(/img/logo_white.svg);
}

.btn-primary {
  --bs-btn-bg: var(--accent_color);
  --bs-btn-border-color: var(--accent_color);
  --bs-btn-hover-bg: var(--accent_color);
  --bs-btn-hover-border-color: var(--accent_color);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-bg: var(--accent_color);
  --bs-btn-active-border-color: var(--bs-link-hover-color: #0a58ca; --accent_color);
  --bs-btn-disabled-bg: var(--accent_color);
  --bs-btn-disabled-border-color: var(--accent_color);
}

:root,
[data-bs-theme=light] {
  --bs-link-color: var(--accent_color);
  --bs-link-color-rgb: var(--accent_color_rgb);
  --bs-link-hover-color: var(--accent_color_light);
  --bs-link-hover-color-rgb: var(--accent_color_light_rgb);
}