/* Bootstrap variable overrides using COD tokens */
:root {
  --bs-primary: var(--cod-blue);
  --bs-secondary: var(--cod-gold);
  --bs-success: var(--cod-green);
  --bs-info: var(--cod-blue-bright);
  --bs-warning: var(--cod-gold-bright);
  --bs-danger: var(--cod-gold-dark);
  --bs-light: var(--cod-warm-white);
  --bs-dark: var(--cod-blue-dark);

  --bs-body-color: var(--cod-gray);
  --bs-body-bg: #fff;
  --bs-link-color: #0a67bc;
  --bs-link-hover-color: var(--cod-blue-bright);

  --bs-body-font-family: var(--cod-font-body);
  --bs-headings-font-family: var(--cod-font-heading);
  --bs-border-radius: var(--cod-border-radius);
}

.btn-primary {
  background-color: var(--cod-blue);
  border-color: var(--cod-blue);
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--cod-blue-dark);
  border-color: var(--cod-blue-dark);
}

.btn-outline-primary {
  color: var(--cod-blue-dark);
  border-color: var(--cod-blue-dark);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: var(--cod-blue-dark);
  border-color: var(--cod-blue-dark);
  color: #fff;
}

.btn-secondary {
  background-color: var(--cod-blue-bright);
  border-color: var(--cod-blue-bright);
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: var(--cod-blue-light);
  border-color: var(--cod-blue-light);
}

.btn-success {
  background-color: var(--cod-green);
  border-color: var(--cod-green);
}
.btn-success:hover,
.btn-success:focus {
  background-color: #085e2c;
  border-color: #085e2c;
}

.btn-warning {
  background-color: var(--cod-gold-bright);
  border-color: var(--cod-gold-bright);
  color: #1c1c1c;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: var(--cod-gold);
  border-color: var(--cod-gold);
  color: #1c1c1c;
}