@use "../../mixins/index.scss" as *;
@use "../../functions/index.scss" as *;
@use "../../color-system/_functions.scss" as *;
@use "../../_variables.scss" as *;
@use "./variables.scss" as *;

@mixin kendo-card--theme-base() {

    // Card
    .k-card {
        @include fill(
            $kendo-card-text,
            $kendo-card-bg,
            $kendo-card-border
        );
        @include box-shadow( $kendo-card-shadow );

        .k-card-inner {
            background-color: inherit;
            border-color: inherit;
        }

        &:focus,
        &.k-focus {
            @include fill(
                $kendo-card-focus-text,
                $kendo-card-focus-bg,
                $kendo-card-focus-border
            );
            @include focus-indicator( $kendo-card-focus-shadow );
        }

        &.k-selected {
            @include box-shadow( $kendo-card-focus-shadow );
        }

    }


    // Card actions
    .k-card-actions {
        border-color: $kendo-card-border;
    }


    // Header
    .k-card-header {
        @include fill( $kendo-card-header-text, $kendo-card-header-bg, $kendo-card-header-border );
    }


    // Footer
    .k-card-footer {
        @include fill( $kendo-card-footer-text, $kendo-card-footer-bg, $kendo-card-footer-border );
    }

    // Body
    .k-card-body {
        border-color: inherit;
    }

    // Separator
    .k-card-separator,
    .k-card .k-separator {
        border-color: $kendo-card-border;
    }


    // TODO: refactor
    .k-card-subtitle {
        color: $kendo-card-subtitle-text;
    }

    .k-card-wrap {
        &:focus,
        &.k-focus,
        &.k-selected {
            > .k-card {
                @include focus-indicator( $kendo-card-focus-shadow );
            }
        }
    }


    // Card callout
    .k-card-callout {
        @include fill(
            $bg: inherit,
            $border: inherit
        );

        @include box-shadow( inherit );
    }

}