/*
 * Base stylesheet — shared CSS custom properties for all BYS plugin stylesheets.
 */
:root {
    /* Colours */
    --bys-quiz-color-background:          #fafafa;
    --bys-quiz-color-background-light:    #fff;
    --bys-quiz-color-row-hover:           #f6f7f7;
    --bys-quiz-color-primary-light-hover: #e5e7eb;
    --bys-quiz-color-danger:              #b32d2e;
    --bys-quiz-color-danger-light:        #ffedec;
    --bys-quiz-color-danger-border:       #e2bfc0;
    
    --bys-quiz-color-text-muted:          #8f9798;
    
    /* Borders */
    --bys-quiz-color-border:              #c3c4c7;
    --bys-quiz-color-border-light:        #e2e4e7;
    --bys-quiz-radius:                    0.25rem;
    --bys-quiz-radius-md:                 0.5rem;

    
    .description {
        color: var(--bys-quiz-color-text-muted);
    }
}