/* https://components.ai/bootstrap-colors/Vf4mtBZZcPf1jj6faGzR?tab=export */

:root {
--primary: #266ebc;
--primaryLight: #d7e4f3;
--primaryLightest: #ffffff;
--primaryDark: #19487b;
--primaryDarkest: #19487b;
--primaryBorder: #87afda;
--secondary: #676c7b;
--secondaryLight: #e1e2e5;
--secondaryLightest: #ffffff;
--secondaryDark: #434750;
--secondaryDarkest: #434750;
--secondaryBorder: #a8abb4;
--success: #257431;
--successLight: #d8e6da;
--successLightest: #ffffff;
--successDark: #1a5122;
--successDarkest: #123818;
--successBorder: #8bb592;
--danger: #c42448;
--dangerLight: #f6dce2;
--dangerLightest: #ffffff;
--dangerDark: #891932;
--dangerDarkest: #5f1223;
--dangerBorder: #e396a7;
--warning: #f3902a;
--warningLight: #fbddbf;
--warningLightest: #ffffff;
--warningDark: #673d12;
--warningDarkest: #472a0c;
--warningBorder: #f39533;
--info: hsl(186.14,53.66%,32.16%);
--infoLight: #d6e5e7;
--infoLightest: #ffffff;
--infoDark: #194e54;
--infoDarkest: #113539;
--infoBorder: #87b3b8;
--light: #f4f5f6;
--lightLight: #e2e2e3;
--lightLightest: #ffffff;
--lightDark: #464747;
--lightDarkest: #303031;
--lightBorder: #e2e2e3;
--dark: #313339;
--darkLight: #e2e2e3;
--darkLightest: #ffffff;
--darkDark: #45474c;
--darkDarkest: #2e3036;
--darkBorder: #aaabad;
}

.text-primary { color: var(--primary); }
.bg-primary { background-color: var(--primary); }
.b--primary { border-color: var(--primary); }
.bg-gradient-primary { background-image: linear-gradient(90deg, var(--primary) , var(--primaryLightest)); }
.text-shadow-primary { text-shadow: 5px 5px 5px var(--primary); }
.box-shadow-primary { box-shadow: 5px 5px 5px var(--primary); }

.text-primary-dark { color: var(--primaryDark); }
.bg-primary-dark { background-color: var(--primaryDark); }
.b--primary-dark { border-color: var(--primaryDark); }
.bg-gradient-primary-dark { background-image: linear-gradient(90deg, var(--primaryDark) , var(--primaryLightest)); }
.text-shadow-primary-dark { text-shadow: 5px 5px 5px var(--primaryDark); }
.box-shadow-primary-dark { box-shadow: 5px 5px 5px var(--primaryDark); }

.text-secondary { color: var(--secondary); }
.bg-secondary { background-color: var(--secondary); }
.b--secondary { border-color: var(--secondary); }
.bg-gradient-secondary { background-image: linear-gradient(90deg, var(--secondary) , var(--secondaryLightest)); }
.text-shadow-secondary { text-shadow: 5px 5px 5px var(--secondary); }
.box-shadow-secondary { box-shadow: 5px 5px 5px var(--secondary); }

.text-secondary-dark { color: var(--secondaryDark); }
.bg-secondary-dark { background-color: var(--secondaryDark); }
.b--secondary-dark { border-color: var(--secondaryDark); }
.bg-gradient-secondary-dark { background-image: linear-gradient(90deg, var(--secondaryDark) , var(--secondaryLightest)); }
.text-shadow-secondary-dark { text-shadow: 5px 5px 5px var(--secondaryDark); }
.box-shadow-secondary-dark { box-shadow: 5px 5px 5px var(--secondaryDark); }

.text-secondary-light { color: var(--secondaryLight); }
.bg-secondary-light { background-color: var(--secondaryLight); }
.b--secondary-light { border-color: var(--secondaryLight); }
.bg-gradient-secondary-light { background-image: linear-gradient(90deg, var(--secondaryDark) , var(--secondaryLightest)); }
.text-shadow-secondary-light { text-shadow: 5px 5px 5px var(--secondaryLight); }
.box-shadow-secondary-light { box-shadow: 5px 5px 5px var(--secondaryLight); }

.text-success { color: var(--success); }
.bg-success { background-color: var(--success); }
.b--success { border-color: var(--success); }
.bg-gradient-success { background-image: linear-gradient(90deg, var(--success) , var(--successLightest)); }
.text-shadow-success { text-shadow: 5px 5px 5px var(--success); }
.box-shadow-success { box-shadow: 5px 5px 5px var(--success); }

.text-success-dark { color: var(--successDark); }
.bg-success-dark { background-color: var(--successDark); }
.b--success-dark { border-color: var(--successDark); }
.bg-gradient-success-dark { background-image: linear-gradient(90deg, var(--successDark) , var(--successLightest)); }
.text-shadow-success-dark { text-shadow: 5px 5px 5px var(--successDark); }
.box-shadow-success-dark { box-shadow: 5px 5px 5px var(--successDark); }

.text-danger { color: var(--danger); }
.bg-danger { background-color: var(--danger); }
.b--danger { border-color: var(--danger); }
.bg-gradient-danger { background-image: linear-gradient(90deg, var(--danger) , var(--dangerLightest)); }
.text-shadow-danger { text-shadow: 5px 5px 5px var(--danger); }
.box-shadow-danger { box-shadow: 5px 5px 5px var(--danger); }

.text-danger-dark { color: var(--dangerDark); }
.bg-danger-dark { background-color: var(--dangerDark); }
.b--danger-dark { border-color: var(--dangerDark); }
.bg-gradient-danger-dark { background-image: linear-gradient(90deg, var(--dangerDark) , var(--dangerLightest)); }
.text-shadow-danger-dark { text-shadow: 5px 5px 5px var(--dangerDark); }
.box-shadow-danger-dark { box-shadow: 5px 5px 5px var(--dangerDark); }

.text-warning { color: var(--warning); }
.bg-warning { background-color: var(--warning); }
.b--warning { border-color: var(--warning); }
.bg-gradient-warning { background-image: linear-gradient(90deg, var(--warning) , var(--warningLightest)); }
.text-shadow-warning { text-shadow: 5px 5px 5px var(--warning); }
.box-shadow-warning { box-shadow: 5px 5px 5px var(--warning); }

.text-warning-dark { color: var(--warningDark); }
.bg-warning-dark { background-color: var(--warningDark); }
.b--warning-dark { border-color: var(--warningDark); }
.bg-gradient-warning-dark { background-image: linear-gradient(90deg, var(--warningDark) , var(--warningLightest)); }
.text-shadow-warning-dark { text-shadow: 5px 5px 5px var(--warningDark); }
.box-shadow-warning-dark { box-shadow: 5px 5px 5px var(--warningDark); }

.text-info { color: var(--info); }
.bg-info { background-color: var(--info); }
.b--info { border-color: var(--info); }
.bg-gradient-info { background-image: linear-gradient(90deg, var(--info) , var(--infoLightest)); }
.text-shadow-info { text-shadow: 5px 5px 5px var(--info); }
.box-shadow-info { box-shadow: 5px 5px 5px var(--info); }

.text-info-dark { color: var(--infoDark); }
.bg-info-dark { background-color: var(--infoDark); }
.b--info-dark { border-color: var(--infoDark); }
.bg-gradient-info-dark { background-image: linear-gradient(90deg, var(--infoDark) , var(--infoLightest)); }
.text-shadow-info-dark { text-shadow: 5px 5px 5px var(--infoDark); }
.box-shadow-info-dark { box-shadow: 5px 5px 5px var(--infoDark); }

.text-light { color: var(--light); }
.bg-light { background-color: var(--light); }
.b--light { border-color: var(--light); }

.text-light-dark { color: var(--lightDark); }
.bg-light-dark { background-color: var(--lightDark); }
.b--light-dark { border-color: var(--lightDark); }

.text-dark { color: var(--dark); }
.bg-dark { background-color: var(--dark); }
.b--dark { border-color: var(--dark); }
.bg-gradient-dark { background-image: linear-gradient(90deg, var(--dark) , var(--darkLightest)); }
.text-shadow-dark { text-shadow: 5px 5px 5px var(--dark); }
.box-shadow-dark { box-shadow: 5px 5px 5px var(--dark); }

.text-dark-dark { color: var(--darkDark); }
.bg-dark-dark { background-color: var(--darkDark); }
.b--dark-dark { border-color: var(--darkDark); }