:root {
    --gray: #c6c6c6;
    --gray-light: #f0f0f0;
    --white: #ffffff;
    --black: #000000;
    --color-primary-dark: #1f265d;
    --color-primary: #03a8f4;
    --color-primary-alt: #1582B6;
    --color-secondary: var(--black);
    --color-border-bottom: var(--gray-light);
    --kendo-color-primary: var(--color-primary);
    --kendo-color-secondary: var(--color-primary-alt);
}

.btn-primary {
    --bs-btn-color: var(--white);
    --bs-btn-bg: var(--color-primary);
    --bs-btn-border-color: var(--color-primary);
    --bs-btn-hover-bg: var(--color-primary-alt);
    --bs-btn-hover-border-color: var(--color-primary-alt);
    --bs-btn-active-bg: var(--color-primary-alt);
    --bs-btn-active-border-color: var(--color-primary-alt);
}

.btn-outline-primary {
    --bs-btn-color: var(--color-primary);
    --bs-btn-bg: transparant;
    --bs-btn-border-color: var(--color-primary);
    --bs-btn-hover-bg: var(--color-primary-alt);
    --bs-btn-hover-border-color: var(--color-primary-alt);
    --bs-btn-active-bg: var(--color-primary-alt);
    --bs-btn-active-border-color: var(--color-primary-alt);
}