:root {
  /* Basic styling */
  --primary-color: #1C4176;
  --bg-color: var(--primary-color);
  --fg-color: #ededed;
  --border-color: silver;
  /* Widgets */
  --widget-margin: 0px;
  --widget-padding: 5px;
  --widget-bg-color: whitesmoke;
  --widget-fg-color: black;
  /* Edits */
  --add-color: #198754;
  --mod-color: #fd7e14;
  --del-color: #dc3545;
  /* Links */
  --link-color: #0071c1;
  /* Buttons, especially primary buttons */
  --btn-fg-color: white;
  --btn-bg-color: #1b6ec2;
  --btn-border-color: #1861ac;
  /* Statuses */
  --ok-bg-color: #408457;
  --ok-fg-color: white;
  --info-bg-color: white;
  --info-fg-color: black;
  --warning-bg-color: #ffd800;
  --warning-fg-color: dimgray;
  --error-bg-color: #ff0000;
  --error-fg-color: white;
  /* Validation, including forms */
  --valid-modified-outline-color: #26b050;
  --invalid-outline-color: red;
  --invalid-color: red;
  /* Bootstrap Overrides */
  --bs-primary: #0d6efd;
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-color: var(--bs-white);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #0257d5;
  --bs-btn-hover-border-color: #0257d5;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #0143a3;
  --bs-btn-active-border-color: #0143a3;
  --bs-btn-disabled-color: var(--bs-white);
  --bs-btn-disabled-bg: var(--bg-color);
  --bs-btn-disabled-border-color: #72abfe;
}