@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
:root {
    --brand-primary-color: #087CC1;
    --brand-secondary-color: #E94624;
    --base-font-family: 'EB Garamond', serif;
    --button-hover-bg-color: #087CC1;
    --brand-primary-light-color: #9ecae5;
    --brand-primary-medium-color: #4aa5dd;
    --brand-primary-dark-color: #055789;
    --brand-secondary-light-color: #df9d8f;
    --brand-secondary-medium-color: #e35f43;
    --brand-secondary-dark-color: #9f240a;
    --button-font-color: #ffffff!important;
}

.sk-app[data-login=true] {
    background-position: center;
    background-position-x: -242px;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.sk-auth .sk-auth-logo {
    transform: translateX(50%);
}

.sk-nav-zones-item>a {
    background-color: var(--brand-secondary-color)!important;
    color: #fff!important
}

.p-datatable .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    color: #fff
}