:root {

    /* Primary Colors */
    --primary-blue: #1f3569;
    --secondary-blue: #004c97;
    --secondary-light-blue: #008fc4;
    --primary-white: #ffffff;
    --primary-black: #000000;

    /* Secondary Colors */
    --secondary-color: #008fc4;
    --secondary-slate: #888b8d;
    --cool-gray: #1f3569;
    --secondary-cool-gray: #f0f0f0;

    /* Accent Colors */
    --dark-brown: #9c8412;
    --medium-brown: #a09958;
    --medium-green: #4b9560;
    --light-brown: #daaa00;
    --light-green: #a4d65e;
    --accent-yellow: #f3d03e;
    --accent-medium-green: #4b9560;
    --accent-light-green: #a5d65f;

    /* Logo color */
    --primary-logo-path: #203669;
    --primary-logo-rect: #ffffff;

    --border-color: #1f35694d;
}