:root, [data-bs-theme=light] {
  --bs-primary: #00005a;
  --bs-primary-rgb: 0,0,90;
  --bs-primary-text-emphasis: #000024;
  --bs-primary-bg-subtle: #CCCCDE;
  --bs-primary-border-subtle: #9999BD;
  --bs-secondary: #2222cb;
  --bs-secondary-rgb: 34,34,203;
  --bs-secondary-text-emphasis: #0E0E51;
  --bs-secondary-bg-subtle: #D3D3F5;
  --bs-secondary-border-subtle: #A7A7EA;
  --bs-body-bg: #E6E6FF;
  --bs-body-bg-rgb: 230,230,255;
  --bs-secondary-bg: #F5F5FF;
  --bs-secondary-bg-rgb: 245,245,255;
  --bs-tertiary-bg: #131ab9;
  --bs-tertiary-bg-rgb: 19,26,185;
  --bs-body-font-family: Nunito, sans-serif;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #00005a;
  --bs-btn-border-color: #00005a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00004D;
  --bs-btn-hover-border-color: #000048;
  --bs-btn-focus-shadow-rgb: 217,217,230;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #000048;
  --bs-btn-active-border-color: #000044;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #00005a;
  --bs-btn-disabled-border-color: #00005a;
}

.btn-outline-primary {
  --bs-btn-color: #00005a;
  --bs-btn-border-color: #00005a;
  --bs-btn-focus-shadow-rgb: 0,0,90;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00005a;
  --bs-btn-hover-border-color: #00005a;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #00005a;
  --bs-btn-active-border-color: #00005a;
  --bs-btn-disabled-color: #00005a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #00005a;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2222cb;
  --bs-btn-border-color: #2222cb;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1D1DAD;
  --bs-btn-hover-border-color: #1B1BA2;
  --bs-btn-focus-shadow-rgb: 222,222,247;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1B1BA2;
  --bs-btn-active-border-color: #1A1A98;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #2222cb;
  --bs-btn-disabled-border-color: #2222cb;
}

.btn-outline-secondary {
  --bs-btn-color: #2222cb;
  --bs-btn-border-color: #2222cb;
  --bs-btn-focus-shadow-rgb: 34,34,203;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2222cb;
  --bs-btn-hover-border-color: #2222cb;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2222cb;
  --bs-btn-active-border-color: #2222cb;
  --bs-btn-disabled-color: #2222cb;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2222cb;
}

[data-bs-theme=dark] {
  --bs-light: #848484;
  --bs-light-rgb: 132,132,132;
  --bs-light-text-emphasis: #B5B5B5;
  --bs-light-bg-subtle: #1A1A1A;
  --bs-light-border-subtle: #4F4F4F;
  --bs-body-bg: #323232;
  --bs-body-bg-rgb: 50,50,50;
}

[data-bs-theme=dark] .btn-light, .btn-light[data-bs-theme=dark] {
  --bs-btn-color: #000000;
  --bs-btn-bg: #848484;
  --bs-btn-border-color: #848484;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #707070;
  --bs-btn-hover-border-color: #6A6A6A;
  --bs-btn-focus-shadow-rgb: 20,20,20;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6A6A6A;
  --bs-btn-active-border-color: #636363;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #848484;
  --bs-btn-disabled-border-color: #848484;
}

[data-bs-theme=dark] .btn-outline-light, .btn-outline-light[data-bs-theme=dark] {
  --bs-btn-color: #848484;
  --bs-btn-border-color: #848484;
  --bs-btn-focus-shadow-rgb: 132,132,132;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #848484;
  --bs-btn-hover-border-color: #848484;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #848484;
  --bs-btn-active-border-color: #848484;
  --bs-btn-disabled-color: #848484;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #848484;
}

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

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

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