:root {

  /* Brand palette */
  --brand-blue-light: #0058FF;
  --brand-blue-dark: #000FAA;
  --brand-orange: #FF6700;
  --brand-orange-light: #FFBC1F;
  --brand-yellow: #ffbc1f;
  --brand-grey: #ededee;
  --brand-white: #FFFFFF;
    
  --bs-primary: var(--brand-blue-dark);
  --card-color: var(--brand-blue-light);
  --navbar-bg-color: var(--brand-blue-dark);
  --navbar-border-bottom-color: var(--brand-orange);
  --navbar-text-color: var(--brand-white);
  --navbar-muted-color: var(--brand-grey);

  .btn-primary {
    --bs-btn-bg: var(--brand-orange);
    --bs-btn-border-color: var(--brand-orange);
    --bs-btn-disabled-bg: var(--brand-blue-light);
    --bs-btn-disabled-border-color: var(--brand-blue-dark);
    --bs-btn-hover-bg: var(--brand-orange-light);
    --bs-btn-hover-border-color: var(--brand-orange-light);
  }

  .form-control:focus, .form-select:focus {
    border-color: var(--brand-orange);
    box-shadow: var(--bs-box-shadow-inset), 0 0 0 .25rem var(--brand-grey)
  }

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

  --bs-btn-close-focus-shadow: var(--brand-orange-light);
  --bs-link-color: var(--brand-blue-dark);
  --bs-link-hover-color: var(--brand-blue-light);