:root, [data-bs-theme=light] {
  --bs-primary: #0f0217;
  --bs-primary-rgb: 15,2,23;
  --bs-primary-text-emphasis: #060109;
  --bs-primary-bg-subtle: #CFCCD1;
  --bs-primary-border-subtle: #9F9AA2;
  --bs-secondary: #e0b6f7;
  --bs-secondary-rgb: 224,182,247;
  --bs-secondary-text-emphasis: #5A4963;
  --bs-secondary-bg-subtle: #F9F0FD;
  --bs-secondary-border-subtle: #F3E2FC;
  --bs-success: #F7FAFE;
  --bs-success-rgb: 247,250,254;
  --bs-success-text-emphasis: #636466;
  --bs-success-bg-subtle: #FDFEFF;
  --bs-success-border-subtle: #FCFDFF;
  --bs-info: #2EA2B1;
  --bs-info-rgb: 46,162,177;
  --bs-info-text-emphasis: #124147;
  --bs-info-bg-subtle: #D5ECEF;
  --bs-info-border-subtle: #ABDAE0;
  --bs-warning: #cbabe7;
  --bs-warning-rgb: 203,171,231;
  --bs-warning-text-emphasis: #51445C;
  --bs-warning-bg-subtle: #F5EEFA;
  --bs-warning-border-subtle: #EADDF5;
  --bs-light: #EFEFEF;
  --bs-light-rgb: 239,239,239;
  --bs-light-text-emphasis: #606060;
  --bs-light-bg-subtle: #FCFCFC;
  --bs-light-border-subtle: #F9F9F9;
  --bs-dark: #000000;
  --bs-dark-rgb: 0,0,0;
  --bs-dark-text-emphasis: #000000;
  --bs-dark-bg-subtle: #CCCCCC;
  --bs-dark-border-subtle: #999999;
  --bs-body-font-family: Roboto, sans-serif;
  --bs-link-color: #182B43;
  --bs-link-color-rgb: 24,43,67;
  --bs-link-hover-color: #102033;
  --bs-link-hover-color-rgb: 16,32,51;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0f0217;
  --bs-btn-border-color: #0f0217;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0D0214;
  --bs-btn-hover-border-color: #0C0212;
  --bs-btn-focus-shadow-rgb: 219,217,220;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0C0212;
  --bs-btn-active-border-color: #0B0211;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0f0217;
  --bs-btn-disabled-border-color: #0f0217;
}

.btn-outline-primary {
  --bs-btn-color: #0f0217;
  --bs-btn-border-color: #0f0217;
  --bs-btn-focus-shadow-rgb: 15,2,23;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0f0217;
  --bs-btn-hover-border-color: #0f0217;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0f0217;
  --bs-btn-active-border-color: #0f0217;
  --bs-btn-disabled-color: #0f0217;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0f0217;
}

.btn-secondary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #e0b6f7;
  --bs-btn-border-color: #e0b6f7;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #E5C1F8;
  --bs-btn-hover-border-color: #E3BDF8;
  --bs-btn-focus-shadow-rgb: 34,27,37;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #E6C5F9;
  --bs-btn-active-border-color: #E3BDF8;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #e0b6f7;
  --bs-btn-disabled-border-color: #e0b6f7;
}

.btn-outline-secondary {
  --bs-btn-color: #e0b6f7;
  --bs-btn-border-color: #e0b6f7;
  --bs-btn-focus-shadow-rgb: 224,182,247;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #e0b6f7;
  --bs-btn-hover-border-color: #e0b6f7;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #e0b6f7;
  --bs-btn-active-border-color: #e0b6f7;
  --bs-btn-disabled-color: #e0b6f7;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e0b6f7;
}

.btn-success {
  --bs-btn-color: #000000;
  --bs-btn-bg: #F7FAFE;
  --bs-btn-border-color: #F7FAFE;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #F8FBFE;
  --bs-btn-hover-border-color: #F8FBFE;
  --bs-btn-focus-shadow-rgb: 37,38,38;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #F9FBFE;
  --bs-btn-active-border-color: #F8FBFE;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #F7FAFE;
  --bs-btn-disabled-border-color: #F7FAFE;
}

.btn-outline-success {
  --bs-btn-color: #F7FAFE;
  --bs-btn-border-color: #F7FAFE;
  --bs-btn-focus-shadow-rgb: 247,250,254;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #F7FAFE;
  --bs-btn-hover-border-color: #F7FAFE;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #F7FAFE;
  --bs-btn-active-border-color: #F7FAFE;
  --bs-btn-disabled-color: #F7FAFE;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #F7FAFE;
}

.btn-info {
  --bs-btn-color: #000000;
  --bs-btn-bg: #2EA2B1;
  --bs-btn-border-color: #2EA2B1;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #4DB0BD;
  --bs-btn-hover-border-color: #43ABB9;
  --bs-btn-focus-shadow-rgb: 7,24,27;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #58B5C1;
  --bs-btn-active-border-color: #43ABB9;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #2EA2B1;
  --bs-btn-disabled-border-color: #2EA2B1;
}

.btn-outline-info {
  --bs-btn-color: #2EA2B1;
  --bs-btn-border-color: #2EA2B1;
  --bs-btn-focus-shadow-rgb: 46,162,177;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #2EA2B1;
  --bs-btn-hover-border-color: #2EA2B1;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #2EA2B1;
  --bs-btn-active-border-color: #2EA2B1;
  --bs-btn-disabled-color: #2EA2B1;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2EA2B1;
}

.btn-warning {
  --bs-btn-color: #000000;
  --bs-btn-bg: #cbabe7;
  --bs-btn-border-color: #cbabe7;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #D3B8EB;
  --bs-btn-hover-border-color: #D0B3E9;
  --bs-btn-focus-shadow-rgb: 30,26,35;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #D5BCEC;
  --bs-btn-active-border-color: #D0B3E9;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #cbabe7;
  --bs-btn-disabled-border-color: #cbabe7;
}

.btn-outline-warning {
  --bs-btn-color: #cbabe7;
  --bs-btn-border-color: #cbabe7;
  --bs-btn-focus-shadow-rgb: 203,171,231;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #cbabe7;
  --bs-btn-hover-border-color: #cbabe7;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #cbabe7;
  --bs-btn-active-border-color: #cbabe7;
  --bs-btn-disabled-color: #cbabe7;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #cbabe7;
}

.btn-light {
  --bs-btn-color: #000000;
  --bs-btn-bg: #EFEFEF;
  --bs-btn-border-color: #EFEFEF;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #CBCBCB;
  --bs-btn-hover-border-color: #BFBFBF;
  --bs-btn-focus-shadow-rgb: 36,36,36;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #BFBFBF;
  --bs-btn-active-border-color: #B3B3B3;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #EFEFEF;
  --bs-btn-disabled-border-color: #EFEFEF;
}

.btn-outline-light {
  --bs-btn-color: #EFEFEF;
  --bs-btn-border-color: #EFEFEF;
  --bs-btn-focus-shadow-rgb: 239,239,239;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #EFEFEF;
  --bs-btn-hover-border-color: #EFEFEF;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #EFEFEF;
  --bs-btn-active-border-color: #EFEFEF;
  --bs-btn-disabled-color: #EFEFEF;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #EFEFEF;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #000000;
  --bs-btn-border-color: #000000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #000000;
  --bs-btn-hover-border-color: #000000;
  --bs-btn-focus-shadow-rgb: 217,217,217;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #000000;
  --bs-btn-active-border-color: #000000;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #000000;
  --bs-btn-disabled-border-color: #000000;
}

.btn-outline-dark {
  --bs-btn-color: #000000;
  --bs-btn-border-color: #000000;
  --bs-btn-focus-shadow-rgb: 0,0,0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #000000;
  --bs-btn-hover-border-color: #000000;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #000000;
  --bs-btn-active-border-color: #000000;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #000000;
}

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