/*
 * Тёмная тема калькулятора.
 *
 * Файл подключается после em-service-calculator.css и содержит только изменения темы.
 * Базовые классы формы и геометрия компонентов остаются в em-service-calculator.css.
 */


 * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
 }

.em-service-calculator {
    --em-background: #252324;
    --em-surface: #252324;
    --em-text: #fafafa;
    --em-muted-dark: #9b9b9b;
    min-height: 100vh;
    color-scheme: dark;
}

.em-service-calculator[data-theme="light"] {
    --em-background: #fafafa;
    --em-surface: #ffffff;
    --em-surface-soft: #f0f1f1;
    --em-text: #0d0d0c;
    --em-text-light: #0d0d0c;
    --em-muted: #545454;
    --em-muted-dark: #545454;
    --em-line: #cbcdcd;
    --em-line-dark: rgba(84, 84, 84, 0.25);
    color-scheme: light;
}

.em-service-calculator__result {
    border-right: 1px solid var(--em-line-dark);
    border-bottom: 1px solid var(--em-line-dark);
    border-left: 1px solid var(--em-line-dark);
    background: var(--em-surface);
}

.em-service-calculator__breakdown {
    border-top-color: var(--em-line-dark);
}

.em-service-calculator__breakdown > div {
    border-bottom-color: var(--em-line-dark);
}