@import "./_vals.scss";

$background:false !default;
$on-background:false !default;
$button-color: #CCCCCC !default;

@if $background==false or $on-background==false {
    @error("background and on-background must be set!");
}

:root {
    --background: #{$background};
    --on-background: #{$on-background};
}

.background-default {
    background: $background;
}


@each $dp in $elevations {
    .elv-#{$dp} {
        @include Elevation($dp, false);
    }

    .elv-#{$dp}-imp {
        @include Elevation($dp, true);
    }
}

.elv-transition {
    @include ElevationTransition();
}


@function darken-brighten-color($color, $val) {
    @if (lightness($color) > 50) {
        @return darken($color, $val); // Lighter backgorund, return dark color
    }

    @else {
        @return lighten($color, $val); // Darker background, return light color
    }
}

@import "./theme/_global.scss";
@import "./theme/_btn.scss";
@import "./theme/_modal.scss";
@import "./theme/_input.scss";
@import "./theme/_list.scss";
@import "./theme/_header.scss";
@import "./theme/_card.scss";