:root {
    --kitup-off-white: #fdfdf8;
    --kitup-deep-blue: #000471;
    --kitup-electric-teal: #00ffb2;
    --kitup-forest-green: #00a573;
    --kitup-grey: #515b6b;
    --kitup-black: #000000;
}

body,
.page-wrapper,
.page-main,
.columns,
.column.main {
    font-family: "Lexend", "Open Sans", Arial, sans-serif !important;
    color: var(--kitup-grey);
    background-color: var(--kitup-off-white);
}

h1,
h2,
h3,
h4,
h5,
h6,
.page-title,
.product-item-name a,
.product.name a {
    font-family: "Lexend", "Open Sans", Arial, sans-serif !important;
    color: var(--kitup-deep-blue);
}

a {
    color: var(--kitup-deep-blue);
}

a:hover,
a:focus {
    color: var(--kitup-forest-green);
}

.action.primary,
button.action.primary,
.primary .action {
    background: var(--kitup-electric-teal) !important;
    border-color: var(--kitup-electric-teal) !important;
    color: var(--kitup-deep-blue) !important;
    font-family: "Lexend", "Open Sans", Arial, sans-serif !important;
    font-weight: 700 !important;
}

.action.primary:hover,
button.action.primary:hover,
.primary .action:hover {
    background: var(--kitup-forest-green) !important;
    border-color: var(--kitup-forest-green) !important;
    color: var(--kitup-off-white) !important;
}

input,
select,
textarea {
    font-family: "Lexend", "Open Sans", Arial, sans-serif !important;
}

.header-container,
.header-container .header,
.header-container .nav-menus {
    background: var(--kitup-deep-blue) !important;
}

.header-container .nav-menus {
    background: var(--kitup-deep-blue) !important;
}