/* default */
:root {
    /* colors */
    --blue: #1E90FF;
    --blue-alt: #11a2dc;
    --blue-light: #0f91c4;
    --white: #FFFFFF;
    --white-light: #EEEEEE;
    --border-light: #DDDDDD;
    --yellow: #eded28;
    --green: #5cb85c;
    --orange: #ED681A;
    --scarlet: #D9974F;
    --dark-red: #A02622;


    /* sections */
    --body-background: #F8F9FA;
    --content-background: var(--white);
    --content-border: var(--white);
    --header-background: var(--orange);
    --form-border: #E2E2E2;
    --form-color: #686868;

    /* elements */
    --btn-default: #E7E7E7;
    --btn-primary: var(--blue-alt);
    --btn-red: #D9554E;
    --btn-yellow-active-background: #dada12;
    --btn-yellow-active-border: #c7c711;
    --btn-red-active-background: #D1352D;
    --btn-red-active-border: #C03129;
    --btn-green-active-background: #47a447;
    --btn-green-active-border: #419641;

    /* other */
    --focus: #333333;
    --focus-active: #ED561A;
    --text-muted: #5C5C5C;
    --carousel: #e1e1e1;
}



:root {
    /* colors */
    --blue: #007bff;
    --blue-dark: #23527c;
    --blue-alt: var(--blue-dark);
    --blue-light: #0F91C4;
    --white: #FFFFFF;
    --light-gray: #ededed;
    --black: #000000;
    --white-light: #EEEEEE;
    --border-light: #DDDDDD;
    --yellow: #EDED28;
    --green: #689775;
    --orange: #c7493a;
    --scarlet: #D9974F;
    --dark-red: #a33327;

    /* sections */
    --body-background: var(--white-light);
    --content-background: var(--white);
    --content-border: var(--white);
    --header-background: var(--orange);
    --form-border: var(--white-light);
    --form-color: #686868;

    /* elements */
    --btn-default: #E7E7E7;
    --btn-primary: var(--blue);
    --btn-red: var(--dark-red);
    --btn-yellow-active-background: #DADA12;
    --btn-yellow-active-border: #C7C711;
    --btn-red-active-background: var(--dark-red);
    --btn-red-active-border: var(--dark-red);
    --btn-green-active-background: var(--green);
    --btn-green-active-border: var(--green);

    /* other */
    --focus: #333333;
    --focus-active: #a33327;
    --text-muted: #5C5C5C;

    /* --border-radius: 1.0rem; */
    --border-radius: 0;
}

/* --carousel: #E1E1E1;"Oxygen",Arial,sans-serif */
/* JETSansDigital,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif */