/**
 * This is an example of overridden CSS to change the application from green to red.
 */
:root {
  --bs-primary: #1C304A;
  --card-color: #99D100;
  --card-color-muted: #CCE880;
  --navbar-bg-color: #1C304A;
  --navbar-border-bottom-color: #3E4F65;
  --navbar-text-color: white;
  --navbar-muted-color: #8f8f8f;

  .btn-primary {
    --bs-btn-bg: var(--card-color);
    --bs-btn-border-color: var(--card-color);
    --bs-btn-disabled-bg: var(--card-color-muted);
    --bs-btn-disabled-border-color: var(--card-color);
    --bs-btn-hover-bg: var(--card-color-muted);
    --bs-btn-hover-border-color: var(--card-color);
  }

  .form-control:focus, .form-select:focus {
    border-color: var(--card-color-muted);
    box-shadow: var(--bs-box-shadow-inset), 0 0 0 .25rem #cce8804d
  }

  .form-check-input:checked {
    background-color: var(--card-color);
    border-color: var(--card-color);
  }

  --bs-btn-close-focus-shadow: #cce880cc;
  --bs-link-color: var(--card-color);
  --bs-link-hover-color: #6BB500;
}