/* Auto-generated theme styles - Do not edit manually */
/* Generated at: 2026-01-26 14:48:00 */

:root {
    --quiz-color-green: #00C3C5;
    --quiz-color-yellow: #FFE500;
    --quiz-color-orange: #F7901E;
}

/* Green theme styles */
.green-bg-gradient {
    background: linear-gradient(180deg, #46FFFF 40%, #00C3C5 100%);
}
.green-bg-slider {
    background: linear-gradient(90deg, #C4389F 0%, #00C3C5 100%);
}
.green-bg {
    background-color: var(--quiz-color-green, #00C3C5);
}
.green-bg-2 {
    background-color: #3CF6F7;
}
.green-bg-light {
    background: #CBE8EA;
}
.green-bg-light-2 {
    background: rgba(203, 232, 234, 0.30);
}
.green-bg-light-3 {
    background: rgba(254, 193, 74, 0.20);
}
.green-border {
    border-color: var(--quiz-color-green, #00C3C5);
}
.green-border-light {
    border-color: #CBE8EA;
}
.green-text {
    color: #00C3C5;
}

/* Yellow theme styles */
.yellow-bg-gradient {
    background: linear-gradient(180deg, #FFE500 40%, #FFB300 100%);
}
.yellow-bg-slider {
    background: linear-gradient(90deg, #FFE500 0%, #FFB300 100%);
}
.yellow-bg {
    background-color: var(--quiz-color-yellow, #FFE500);
}
.yellow-bg-light {
    background: #FFF3C4;
}
.yellow-border {
    border-color: var(--quiz-color-yellow, #FFE500);
}
.yellow-text {
    color: #FFE500;
}

/* Orange theme styles */
.orange-bg-gradient {
    background: linear-gradient(180deg, #FFB846 40%, #F7901E 100%);
}
.orange-bg-slider {
    background: linear-gradient(90deg, #FFB846 0%, #F7901E 100%);
}
.orange-bg {
    background-color: var(--quiz-color-orange, #F7901E);
}
.orange-bg-2 {
    background-color: #FDB03D;
}
.orange-bg-light {
    background: #FFC950;
}
.orange-bg-light-2 {
    background: #FFE4CC;
}
.orange-border {
    border-color: var(--quiz-color-orange, #F7901E);
}
.orange-border-light {
    border-color: #FFE4CC;
}
.orange-text {
    color: #F7901E;
}
.orange-bg-focus:focus {
    background-color: #F7901E;
}
.orange-bg-focus:hover {
    background-color: #F7901E;
}