:root {
    --primary-color: #001489;
    --secondary-color: #1232F5;
    --primary-background-color: #FFF;
    --text-color: white;
    --header-progress-bar-color: #ff9900;

    --svg-fill-color: #1232F5;

    --primary-text-color: #FFF;
    --secondary-text-color: #CCC;

    /* Welcome Screen */
    --welcome-screen-title-color: var(--primary-color);
    --welcome-screen-description-color: #404446;

    /* Notification */
    --notification-bar-text-color: var(--primary-color);

    /* Bottom Button */
    --button-background-color: var(--secondary-color);
    --button-text-color: #FFF;

    /* Quiz Screen */
    --header-background-color: var(--secondary-color);
    --header-text-color: var(--text-color);


    --widget-root-border-color: var(--secondary-text-color);
    --widget-root-background: var(--primary-background-color);
    --widget-primary-text-color: var(--primary-color);
    --widget-secondary-text-color: var(--text-color);

    --widget-option-background: #F2F5FE;
    --widget-selected-option-background: var(--secondary-color);
    --widget-option-changed-border: #A00D32;
    --widget-option-correct-border: rgba(66, 147, 33, 1);
    --widget-option-progress-color: #1232F5;
    --widget-option-selected-progress-color: #fff;

    --font-family: "Chelsea Basis";
}