:root {
    --primary: #005b8f;
    --secondary: #e0a130;
    --white: #ffffff;
    --black: #000000;
}

.oh {
    overflow: hidden !important;
}

/* text */
.text-primary {
    color: var(--primary);
}

.text-secondary {
    color: var(--secondary);
}

.text-white {
    color: var(--white);
}

.text-black {
    color: var(--black);
}

/* background */
.bg-primary {
    background-color: var(--primary);
}

.bg-secondary {
    background-color: var(--secondary);
}

.bg-white {
    background-color: var(--white);
}

.bg-black {
    background-color: var(--black);
}

/* border */
.border-primary {
    border-color: var(--primary);
}

.border-secondary {
    border-color: var(--secondary);
}

.border-white {
    border-color: var(--white);
}

.border-black {
    border-color: var(--black);
}

/* outline */
.outline-primary {
    outline-color: var(--primary);
}

.outline-secondary {
    outline-color: var(--secondary);
}

/* svg */
.fill-primary {
    fill: var(--primary);
}

.fill-secondary {
    fill: var(--secondary);
}

.fill-white {
    fill: var(--white);
}

.fill-black {
    fill: var(--black);
}

.stroke-primary {
    stroke: var(--primary);
}

.stroke-secondary {
    stroke: var(--secondary);
}

/* buttons */
.btn-primary {
    background: var(--primary);
    color: var(--white);
    border: 1px solid var(--primary);
}

.btn-secondary {
    background: var(--secondary);
    color: var(--black);
    border: 1px solid var(--secondary);
}

.btn-white {
    background: var(--white);
    color: var(--black);
    border: 1px solid var(--black);
}

.btn-black {
    background: var(--black);
    color: var(--white);
    border: 1px solid var(--black);
}

/* hover */
.hover-text-primary:hover {
    color: var(--primary);
}

.hover-text-secondary:hover {
    color: var(--secondary);
}

.hover-bg-primary:hover {
    background: var(--primary);
}

.hover-bg-secondary:hover {
    background: var(--secondary);
}

/* focus */
.focus-primary:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

.focus-secondary:focus-visible {
    outline: 2px solid var(--secondary);
    outline-offset: 2px;
}

/* link */
.link-primary {
    color: var(--primary);
}

.link-secondary {
    color: var(--secondary);
}

.link-white {
    color: var(--white);
}

.link-black {
    color: var(--black);
}

.link-primary:hover,
.link-secondary:hover {
    opacity: 0.8;
}

/* selection */
::selection {
    background: var(--secondary);
    color: var(--black);
}