:root {
    --primary: var(--golden-yellow);
    --secondary: var(--black);
    --primary-light: var(--pale)
}

.submit {
    background-color: var(--primary) !important;
    color: var(--black) !important;
}

.dark-mode-background .submit {
    background-color: var(--primary) !important;
    color: var(--black) !important;
}

.loader circle {
    stroke: var(--secondary) !important;
}
/*----------------------mcq component css----------------------*/
.multi-select .mat-mdc-checkbox-checkmark-path {
    stroke:var(--black) !important;
}

/*----------------------fib component css----------------------*/

.character {
    background-color: var(--primary) !important;
}

.characterTile {
    color: var(--black);
}
/*----------------------End fib component css----------------------*/

/*----------------------Timer css----------------------*/
.bg-gray .mat-mdc-progress-spinner circle {   
    stroke:#aaa6a6 !important;
}

.bg-yellow .mat-mdc-progress-spinner circle {   
    stroke: var(--primary) !important;
}

.bg-red .mat-mdc-progress-spinner circle {   
    stroke: var(--tomato) !important;
}
/*----------------------End Timer css----------------------*/


/*----------------------result component css----------------------*/