:root {
	--color-orange: #ce9178;
	--color-green: rgb(74, 222, 128);
	--color-dark-blue-background: rgb(30, 41, 59);
	--color-dark-blue-border: rgb(51, 65, 85);
	--color-background: rgb(255, 255, 255);
	--color-text: rgb(119, 114, 112);
	--color-h2: rgb(25, 35, 49);
	--color-link: rgb(119, 114, 112);
	--color-link-hover: rgb(15, 23, 42);
	--color-border: rgb(229, 231, 235);
}

body {
	--hr-main-header-color: #3c5d77;
	--demo-white: rgb(255, 255, 255);
	--hr-main-header-hover-color: #283C4D;
	--hr-main-header-transparent-color: rgb(241, 244, 247);
	--hr-main-gray-bg: rgb(119, 114, 112);
	--hr-light-gray-bg: rgb(246, 246, 244);
	--demo-light-grey: rgb(241, 245, 249);
	--demo-medium-grey: rgb(226, 232, 240);
	--demo-dark-grey: rgb(100, 116, 139);
	--demo-darker-grey: rgb(15, 23, 42);
	--demo-text-color: rgb(2, 8, 23);
	--color-text: var(--hr-main-gray-bg);
}
.progress{
	--bs-progress-bar-bg: var(--hr-main-header-color);
}

h1, h2, h3, h4, h5, h6 {
	color: var(--hr-main-header-color);
	--color-h2: var(--hr-main-header-color);
}
.card {
	color: var(--hr-main-gray-bg);
}
.card-header, .card-footer{
	--bs-card-cap-bg: #fff;
}

.btn-primary,
.api-keys-crud-append-panel .btn-primary, 
.api-keys-crud-table .btn-primary {
	--bs-btn-color: var(--demo-white);
    --bs-btn-bg: var(--hr-main-header-color);
    --bs-btn-border-color: var(--hr-main-header-color);
    --bs-btn-hover-color: var(--demo-white);
    --bs-btn-hover-bg: var(--hr-main-header-hover-color);
    --bs-btn-hover-border-color: var(--hr-main-header-hover-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--demo-white);
    --bs-btn-active-bg: var(--hr-main-header-hover-color);
    --bs-btn-active-border-color: var(--hr-main-header-hover-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--hr-main-header-hover-color);
    --bs-btn-disabled-bg: var(--demo-light-grey);
    --bs-btn-disabled-border-color: var(--demo-light-grey);
}

.btn-outline-primary {
	--bs-btn-color: var(--hr-main-header-color);
	--bs-btn-border-color: var(--hr-main-header-color);
	--bs-btn-hover-color: var(--hr-main-header-hover-color);
	--bs-btn-hover-bg: var(--hr-main-header-transparent-color);
	--bs-btn-hover-border-color: var(--hr-main-header-hover-color);
	--bs-btn-focus-shadow-rgb: 13, 110, 253;
	--bs-btn-active-color: var(--hr-main-header-hover-color);
	--bs-btn-active-bg: var(--hr-main-header-transparent-color);
	--bs-btn-active-border-color: var(--hr-main-header-hover-color);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--hr-main-header-color);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--hr-main-header-color);
	--bs-gradient: none;
}