:root, [data-bs-theme=light] {
  --bs-primary: #6abac1;
  --bs-primary-rgb: 106,186,193;
  --bs-primary-text-emphasis: #2A4A4D;
  --bs-primary-bg-subtle: #E1F1F3;
  --bs-primary-border-subtle: #C3E3E6;
  --bs-link-color: #6abac1;
  --bs-link-color-rgb: 106,186,193;
  --bs-link-hover-color: #2e575b;
  --bs-link-hover-color-rgb: 46,87,91;
}

.btn-primary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #6abac1;
  --bs-btn-border-color: #6abac1;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #80C4CA;
  --bs-btn-hover-border-color: #79C1C7;
  --bs-btn-focus-shadow-rgb: 16,28,29;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #88C8CD;
  --bs-btn-active-border-color: #79C1C7;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #6abac1;
  --bs-btn-disabled-border-color: #6abac1;
}

.btn-outline-primary {
  --bs-btn-color: #6abac1;
  --bs-btn-border-color: #6abac1;
  --bs-btn-focus-shadow-rgb: 106,186,193;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #6abac1;
  --bs-btn-hover-border-color: #6abac1;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #6abac1;
  --bs-btn-active-border-color: #6abac1;
  --bs-btn-disabled-color: #6abac1;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6abac1;
}

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

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