:root {
    --revi-red: #ff0001;
    --revi-green: #1cda00;
    --dark-purple: #1C0B19;
    --federal-blue: #140D4F;
    --Xanthous: #F3B61F;

    --light-grey-1: #f4f4f4;
    --light-grey-2: #e0e0e0;
    --light-grey-3: #f2f2f2;
    --dark-grey-1: #4a4a4a;
    --link-fg: #283775;
    --link-hover: #485fc7;

    --blue: #485fc7;

    --yellow: #FFD700;
    --green-dark: #008000;
    --green-light: #009900;

    --input-background: var(--light-grey-1);
    --navbar-background: white;
    --main-background: white;

    --menu-list-font: var(--dark-grey-1);
    --menu-list-hover-background: var(--federal-blue);
    --menu-list-hover-font: var(--light-grey-1);

    --menu-list-active-background: var(--federal-blue);
    --menu-list-active-font: var(--light-grey-1);
    --link: var(--federal-blue);
    --background-offset: 1%;

}