/*==================== VARIABLES CSS ====================*/
:root {
	/*========== Colors ==========*/
	--color-primary: #f39200;
	--color-primary-back: #fdefd9;
	--color-secondary: #143b5f;
	--color-secondary-back: #e8f1f8;
	--color-white: #ffffff;
	/*========== Font weight ==========*/
	--font-sans: 'Calibre', 'Inter', 'San Francisco', 'SF Pro Text',
		-apple-system, system-ui, sans-serif;
	--font-light: 300;
	--font-regular: 400;
	--font-medium: 500;
	--font-semi-bold: 600;
}
/*==================== BASE - CONTAINER ====================*/
.w-14r {
    width: 14rem;
}
.w-20r {
    width: 20rem;
}
.bg-body-primary {
    background-color: rgba(253, 239, 217, 0.5) !important;
}
.bg-body-secondary {
    background-color: rgba(232, 241, 248, 0.5) !important;
}
.text-primary {
    color: var(--color-primary) !important;
}
.text-secondary {
    color: var(--color-secondary) !important;
}
.btn-primary {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-white) !important;
}
.btn-secondary {
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
    color: var(--color-white) !important;
}
.btn-primary:active:focus .btn-secondary:active:focus, .btn-outline-primary:focus, .btn-outline-secondary:focus {
    box-shadow: none !important;
}
.btn-outline-secondary {
    background-color: transparent !important;
    border-color: var(--color-secondary) !important;
    color: var(--color-secondary) !important;
}
.btn-outline-secondary:hover {
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
    color: var(--color-white) !important;
}