:root {
    /* Defining Color Scheme for easy reference later */
    --onet-blue: #002d72;
    --gray: #707070;

    /* Text Colors */
    --text-color: black;
    --emphasis-color: black;

    /* Form Element Colors */
    --box-shadow-color: rgb(237, 237, 237);

    --button-tint: #012D72;
    /* --button-color: var(--light-brown); */

    --checkbox-bg-color: var(--onet-blue);
    --checkbox-check-color: white;

    --thin-outline: rgb(149 133 119);
    --thick-outline: black;
    

    --button-bg: white;
    --button-border: var(--onet-blue);
    --button-text: var(--onet-blue);
    --button-brand-bg: var(--onet-blue);
    --button-brand-border: var(--onet-blue);
    --button-brand-text: white;

    --error-text: red;

    /* Nav Button Colors */
    --prev-button-text: var(--gray);
    --prev-button-bg: white;
    --prev-button-border: var(--gray);

    --next-button-bg: var(--onet-blue);
    --next-button-text: white;
    --next-button-border: var(--onet-blue);
    --next-button-hover: var(--onet-blue);

    --disabled-button-bg: var(--gray);
    --disabled-button-text: white;
    --disabled-button-border: var(--gray);

    /* Modal Colors */
    --modal-backdrop: rgba(0,0,0,.5);
    --launch-border: var(--onet-blue);
    --launch-bg: white;
    --launch-text: var(--onet-blue);
    --launch-hover-bg: var(--onet-blue);
    --launch-hover-text: white;
}