:root {
    /* MAIN */
    --background-color: #09213cff;
    --foreground-color: #ffffff;
    --nav-color: #09213cff;
    /* Colors */
    --primary-color: #bde123ff;
    --primary-hover-color: #cccc0c;
    --primary-text-color: #000000;
    /**/
    --secondary-color: #870058ff;
    --secondary-hover-color: #222222;
    --secondary-text-color: #ffffffff;
    /**/
    --tertiary-color: #bbbb0b;
    --tertiary-hover-color: #bbbb0b;
    --tertiary-text-color: #000000;
    /* Text */
    --input-color: #ffffff;
    --text-color: #ffffff;
    --text-color-inv: #000000;
    --text-color-lighter: #ffffff;
    --text-color-darker: #ffffff;
    /* Mobile */
    --hamburgher-color: #ffffff;
    --hamburgher-hover-color: #ffffff;
    --hamburgher-line-color: #09213cff;
    /* Modal */
    --modal-header-color: #09213cff;
    --modal-header-text-color: #ffffff;
    --modal-background-color: #ffffff;
    --modal-text-color: #09213cff;
    --modal-error-color: #ffffff;
    /* Card */
    --card-color: #ffffff;
    --card-body-color: #000000;
    --card-hover-color: #ffffff;
    --card-text-color: #ffffff;
    --white-color: #ffffff;
    --black-color: #000000;
}