html[data-tamanho-texto="grande"] {
    font-size: 112.5%;
}

html[data-tema="escuro"] body {
    background-color: #17151c !important;
    color: #f5f2f7 !important;
}

html[data-tema="escuro"] body [class~="bg-white"],
html[data-tema="escuro"] body [class~="bg-slate-50"],
html[data-tema="escuro"] body [class~="bg-zinc-100"],
html[data-tema="escuro"] body [class~="bg-brand-light"],
html[data-tema="escuro"] body [class*="bg-[#F7F7FA]"],
html[data-tema="escuro"] body [class*="bg-[#F2EEF4]"],
html[data-tema="escuro"] body [class*="bg-[#F1F0F5]"] {
    background-color: #24212b !important;
}

html[data-tema="escuro"] body [class*="text-[#211F26]"],
html[data-tema="escuro"] body [class~="text-brand-dark"],
html[data-tema="escuro"] body [class~="text-slate-900"] {
    color: #f5f2f7 !important;
}

html[data-tema="escuro"] body [class*="border-[#DEDCE6]"],
html[data-tema="escuro"] body [class*="border-[#DEDCE6]/"],
html[data-tema="escuro"] body [class~="border-brand-border"],
html[data-tema="escuro"] body [class~="border-brand-border/60"] {
    border-color: #494452 !important;
}

html[data-tema="escuro"] body input,
html[data-tema="escuro"] body select,
html[data-tema="escuro"] body textarea {
    color: #f5f2f7;
}

html[data-tema="escuro"] body input::placeholder,
html[data-tema="escuro"] body textarea::placeholder {
    color: #b7afc1;
}

html[data-reducao-movimento="1"] *,
html[data-reducao-movimento="1"] *::before,
html[data-reducao-movimento="1"] *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
}

.settings-surface {
    background: #fff;
    border: 1px solid #dedce6;
}

.settings-control {
    border: 1px solid #dedce6;
    border-radius: 0.75rem;
    background: #fff;
    color: #211f26;
    padding: 0.7rem 0.85rem;
}

html[data-tema="escuro"] .settings-surface {
    background: #24212b;
    border-color: #494452;
}

html[data-tema="escuro"] .settings-control {
    background: #17151c;
    border-color: #494452;
    color: #f5f2f7;
}