:root, [data-bs-theme=light] {
  --bs-secondary: #004488;
  --bs-secondary-rgb: 0,68,136;
  --bs-secondary-text-emphasis: #001B36;
  --bs-secondary-bg-subtle: #CCDAE7;
  --bs-secondary-border-subtle: #99B4CF;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #004488;
  --bs-btn-border-color: #004488;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #003A74;
  --bs-btn-hover-border-color: #00366D;
  --bs-btn-focus-shadow-rgb: 217,227,237;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #00366D;
  --bs-btn-active-border-color: #003366;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #004488;
  --bs-btn-disabled-border-color: #004488;
}

.btn-outline-secondary {
  --bs-btn-color: #004488;
  --bs-btn-border-color: #004488;
  --bs-btn-focus-shadow-rgb: 0,68,136;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #004488;
  --bs-btn-hover-border-color: #004488;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #004488;
  --bs-btn-active-border-color: #004488;
  --bs-btn-disabled-color: #004488;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #004488;
}

.aspect-ratio-16x9 {
  aspect-ratio: 16/9;
}

.aspect-ratio-4x3 {
  aspect-ratio: 4/3;
}

.aspect-ratio-1x1 {
  aspect-ratio: 1/1;
}