:root {
    --color-one: #06283d;
    --color-two: #1363df;
    --color-three: #47b5ff;
    --color-four: #dff6ff;
}

.cal-sans-regular {
    font-family: "Cal Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.box1 {
    background-color: var(--color-one);
    color: white;
} /* Red */
.box2 {
    background-color: var(--color-two);
    color: white;
} /* Blue */
.box3 {
    background-color: var(--color-three);
    color: white;
} /* Green */
.box4 {
    background-color: var(--color-four);
    color: var(--color-one) !important;
} /* Orange */