/* Runtime readability fixes that must work even before the next Vite build. */
.gb-input:is(select),
.gb-select,
select {
    color-scheme: dark;
    color: #f8ead0;
    background: linear-gradient(180deg, rgba(23, 16, 11, 0.98), rgba(9, 7, 6, 0.98));
    border-color: rgba(201, 162, 74, 0.55);
}

.gb-input:is(select):focus,
.gb-select:focus,
select:focus {
    border-color: #d6ad51;
    box-shadow: 0 0 16px rgba(201, 162, 74, 0.22);
    outline: none;
}

.gb-input:is(select) option,
.gb-input:is(select) optgroup,
.gb-select option,
.gb-select optgroup,
select option,
select optgroup {
    color: #111318 !important;
    background-color: #fffaf0 !important;
}

.gb-input:is(select) option:checked,
.gb-select option:checked,
select option:checked {
    color: #0f0b06 !important;
    background-color: #d6ad51 !important;
}

.gb-input:is(select) option:disabled,
.gb-select option:disabled,
select option:disabled {
    color: #696057 !important;
    background-color: #eee8dc !important;
}

.gb-input:is(select) optgroup,
.gb-select optgroup,
select optgroup {
    font-weight: 700;
}

html:not(.dark) .gb-input:is(select),
html:not(.dark) .gb-select,
html:not(.dark) select {
    color-scheme: light;
    color: #14171d;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(238, 232, 216, 0.96));
    border-color: rgba(178, 130, 43, 0.62);
}

html:not(.dark) .gb-input:is(select) option,
html:not(.dark) .gb-input:is(select) optgroup,
html:not(.dark) .gb-select option,
html:not(.dark) .gb-select optgroup,
html:not(.dark) select option,
html:not(.dark) select optgroup {
    color: #111318 !important;
    background-color: #ffffff !important;
}

html:not(.dark) .gb-input:is(select) option:checked,
html:not(.dark) .gb-select option:checked,
html:not(.dark) select option:checked {
    color: #0f0b06 !important;
    background-color: #d6ad51 !important;
}