@mixin paper() {
    .paper-rounded {
        border-radius: 4px;
    }
}

@mixin paperTheme($palette) {
    $text-primary: map-deep-get($palette, text, primary);
    $bg: map-get($palette, bg, main);
    $bg: light-color($bg, 0.15);

    .paper {
        color: $text-primary;
        background-color: $bg;
    }

    .paper-outline {
        border: 1px solid rgba($text-primary, 0.18);
    }
}

@include paper();

.theme-bd.theme-light {
    @include paperTheme(map-get($theme, light));
}

.theme-bd.theme-dark {
    @include paperTheme(map-get($theme, dark));
}
