@import '../base/states';
@import '../button/theme';
@import '../action-buttons/theme';
@import '../animation/effect';
@import './layout';

$window-header-color: $selected-text-color !default;
$window-border-color: rgba(0, 0, 0, .08) !default;
$window-shadow-color: rgba(0, 0, 0, .3) !default;
$window-shadow: 0 3px 3px 0 rgba(0, 0, 0, .06) !default;
$window-focused-box-shadow: 1px 1px 7px 1px $window-shadow-color !default;
$window-border-radius: $border-radius !default;

$dialog-button-background: $background !default;
$dialog-button-hover-background: $hover-background !default;
$dialog-button-focus-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .1) !default;
$dialog-button-active-gradient: $button-active-gradient;
$dialog-button-active-box-shadow: $button-active-box-shadow;

$dialog-primary-color: $accent !default;
$dialog-primary-hover-color: $selected-text-color !default;
$dialog-primary-hover-background: $accent !default;
$dialog-primary-hover-before-background: $accent !default;
$dialog-primary-hover-focus-before-background: rgba(0, 0, 0, .1) !default;
$dialog-primary-focus-box-shadow: inset 0 0 0 2px lighten($accent, 23%) !default;
$dialog-primary-focus-before-background: lighten($accent, 23%) !default;
$dialog-primary-focus-hover-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .08) !default;
$dialog-primary-active-gradient: linear-gradient(desaturate($accent, 3%), adjust-hue($accent, 3)) !default;


@include exports('dialog/theme') {

.k-window {
    border-color: $window-border-color;
    box-shadow: $window-shadow;

    >.k-header {
        color: $window-header-color;
        background-color: $accent;

        .k-window-action {
            color: inherit;
            background: transparent;
        }
    }

    &.k-state-focused {
        box-shadow: $window-focused-box-shadow;
    }

    .k-window-action {
        &:active {
            box-shadow: none;
        }
    }
}

.k-window-content {
    overflow: hidden;
}
}