@import "variables";

@mixin font-settings($settings-map) {
    font-family: map-get($settings-map, 'font-family');
    font-style: map-get($settings-map, 'font-style');
    font-weight: map-get($settings-map, 'font-weight');
}

@mixin typography($headerColor, $bodyColor) {
    H1, H2, H3, H4, H5, H6 {
        color: $headerColor;
        font-weight: bold;
    }

    P {
        color: $bodyColor;
        margin: 0;
    }
    & {
        color: $bodyColor;
    }
}

@mixin card-base($backgroundColor, $borderColor) {
    background-color: $backgroundColor;
    border: 1px solid $borderColor;
}

@mixin plot-styling($backgroundColor, $textColor) {
    .plot {
        background-color: $backgroundColor;
        color: $textColor;
        margin-top: 20px;
    }
}

@mixin explanation-text() {
    font-size: $explanations-font-size;
    text-transform: none;
    font-weight: 400;
    letter-spacing: 0.5px;
}