/* Base styles */
body, #root {
    background-color: #E4E9EF;
    color: #333333;
}

/* Dark theme */
body.dark-theme,
body.dark-theme #root,
body.dark-theme .css-view-175oi2r,
body.dark-theme .css-175oi2r {
    background-color: #1e1e1e !important;
    color: white !important;
}

/* Quiz item styles */
.r-backgroundColor-14lw9ot,
.css-175oi2r.r-14lw9ot {
    background-color: white;
}

body.dark-theme .r-backgroundColor-14lw9ot,
body.dark-theme .css-175oi2r.r-14lw9ot {
    background-color: #333 !important;
}

/* Text colors */
.r-color-q55kq7,
.css-146c3p1.r-q55kq7 {
    color: #0980C4;
}

body.dark-theme .r-color-q55kq7,
body.dark-theme .r-color-1khnkhu,
body.dark-theme .css-text-146c3p1,
body.dark-theme .css-146c3p1.r-q55kq7,
body.dark-theme .css-146c3p1.r-1khnkhu,
body.dark-theme .css-146c3p1 {
    color: white !important;
}

body.dark-theme .r-borderTopColor-1kq6cw8 {
    border-top-color: #333;
}

/* Status colors */
.r-color-fg5czs,
.css-146c3p1.r-fg5czs {
    color: #41AD49; /* Completed status */
}

.r-color-16hws7v,
.css-146c3p1.r-16hws7v {
    color: #D97D27; /* In progress status */
}

.r-color-1srvcxg,
.css-146c3p1.r-1srvcxg {
    color: #aaaaaa; /* Not started status */
}

/* Button colors */
.r-backgroundColor-1pni8f6,
.css-175oi2r.r-1pni8f6 {
    background-color: #D97D27; /* Primary button */
}

.r-backgroundColor-1q65q7j,
.css-175oi2r.r-1q65q7j {
    background-color: #006EB7; /* Secondary button */
}

body.dark-theme .r-backgroundColor-1pni8f6,
body.dark-theme .css-175oi2r.r-1pni8f6 {
    background-color: #0A84FF !important;
}

body.dark-theme .r-backgroundColor-1q65q7j,
body.dark-theme .css-175oi2r.r-1q65q7j {
    background-color: #4CAF50 !important;
}

/* Tab bar styles */
.r-backgroundColor-1owzfm,
.css-175oi2r.r-1owzfm {
    background-color: #032041;
}

body.dark-theme .r-backgroundColor-1owzfm,
body.dark-theme .css-175oi2r.r-1owzfm {
    background-color: #1c1c1e !important;
}

/* Header styles */
body.dark-theme .r-borderBottomWidth-qklmqi,
body.dark-theme .css-175oi2r.r-qklmqi {
    background-color: #121212 !important;
    border-bottom-color: #272729 !important;
}

/* Settings options */
body.dark-theme .r-backgroundColor-1niwhzg,
body.dark-theme .css-175oi2r.r-1niwhzg {
    background-color: #1c1c1e !important;
    filter: none !important;
}

body.dark-theme .r-WebkitOverflowScrolling-150rngu,
body.dark-theme .r-flexBasis-1mlwlqe,
body.dark-theme .css-175oi2r.r-150rngu,
body.dark-theme .css-175oi2r.r-1mlwlqe {
    background-color: #1c1c1e !important;
}

.r-color-jwli3a,
.css-146c3p1.r-jwli3a {
    color: white !important; /* For elements that should always be white, like button text */
}