// @use "sass:map";
@use "../core/_index.scss" as *;
@use "../button/_variables.scss" as *;
@use "../typography/_variables.scss" as *;

// Card

/// The default theme color of the Card.
/// @group card
/// @role default
$kendo-card-default-theme-color: null !default;

/// The horizontal padding of the Card.
/// @group card
$kendo-card-padding-x: k-spacing(4) !default;
/// The vertical padding of the Card.
/// @group card
$kendo-card-padding-y: $kendo-card-padding-x !default;
/// The width of the border around the Card.
/// @group card
$kendo-card-border-width: 1px !default;
/// The border radius of the Card.
/// @group card
$kendo-card-border-radius: k-border-radius(md) !default;
/// The inner border radius of the Card.
/// @group card
$kendo-card-inner-border-radius: calc( #{$kendo-card-border-radius} - #{$kendo-card-border-width} ) !default;
/// The font family of the Card.
/// @group card
$kendo-card-font-family: var( --kendo-font-family, inherit ) !default;
/// The font size of the Card.
/// @group card
$kendo-card-font-size: var( --kendo-font-size, inherit ) !default;
/// The line height of the Card.
/// @group card
$kendo-card-line-height: var( --kendo-line-height, normal ) !default;

/// The spacing between the Cards in the Card deck.
/// @group card
$kendo-card-deck-gap: k-spacing(4) !default;

/// The background color of the Card.
/// @group card
$kendo-card-bg: k-color(surface-alt) !default;
/// The text color of the Card.
/// @group card
$kendo-card-text: k-color(on-app-surface) !default;
/// The border color of the Card.
/// @group card
$kendo-card-border: k-color(border) !default;
/// The shadow of the Card.
/// @group card
$kendo-card-shadow: null !default;

/// The background color of the focused Card.
/// @group card
$kendo-card-focus-bg: null !default;
/// The text color of the focused Card.
/// @group card
$kendo-card-focus-text: null !default;
/// The border color of the focused Card.
/// @group card
$kendo-card-focus-border: k-color(primary-emphasis) !default;

// TODO: double-check: the default theme is not supposed to elevate the Card on focus

/// The shadow of the focused Card.
/// @group card
$kendo-card-focus-shadow: 0 0 0 .25rem color-mix(in srgb, k-color(primary) 25%, transparent) !default;

/// The horizontal padding of the Card header.
/// @group card
$kendo-card-header-padding-x: $kendo-card-padding-x !default;
/// The vertical padding of the Card header.
/// @group card
$kendo-card-header-padding-y: k-spacing(2) !default;
/// The bottom border width of the Card header.
/// @group card
$kendo-card-header-border-width: $kendo-card-border-width !default;
/// The background color of the Card header.
/// @group card
$kendo-card-header-bg: transparent !default;
/// The text color of the Card header.
/// @group card
$kendo-card-header-text: k-color(on-app-surface) !default;
/// The border color of the Card header.
/// @group card
$kendo-card-header-border: $kendo-card-border !default;

/// The horizontal padding of the Card body.
/// @group card
$kendo-card-body-padding-x: $kendo-card-padding-x !default;
/// The vertical padding of the Card body.
/// @group card
$kendo-card-body-padding-y: $kendo-card-padding-x !default; // In bootstrap, all card body paddings equal the Card-spacer-x var

/// The horizontal padding of the Card footer.
/// @group card
$kendo-card-footer-padding-x: $kendo-card-header-padding-x !default;
/// The vertical padding of the Card footer.
/// @group card
$kendo-card-footer-padding-y: $kendo-card-header-padding-y !default;
/// The top border width of the Card footer.
/// @group card
$kendo-card-footer-border-width: $kendo-card-border-width !default;
/// The background color of the Card footer.
/// @group card
$kendo-card-footer-bg: $kendo-card-header-bg !default;
/// The text color of the Card footer.
/// @group card
$kendo-card-footer-text: $kendo-card-header-text !default;
/// The border color of the Card footer.
/// @group card
$kendo-card-footer-border: $kendo-card-header-border !default;

/// The bottom margin of the Card title.
/// @group card
$kendo-card-title-margin-bottom: k-spacing(3) !default;
/// The font size of the Card title.
/// @group card
$kendo-card-title-font-size: var( --kendo-font-size-lg, inherit ) !default;
/// The font family of the Card title.
/// @group card
$kendo-card-title-font-family: null !default;
/// The line height of the Card title.
/// @group card
$kendo-card-title-line-height: 1.2 !default;
/// The font weight of the Card title.
/// @group card
$kendo-card-title-font-weight: $kendo-font-weight-medium !default;
/// The letter spacing of the Card title.
/// @group card
$kendo-card-title-letter-spacing: null !default;

/// The bottom margin of the Card subtitle.
/// @group card
$kendo-card-subtitle-margin-bottom: k-spacing(3) !default;
/// The font size of the Card subtitle.
/// @group card
$kendo-card-subtitle-font-size: $kendo-h6-font-size !default;
/// The font family of the Card subtitle.
/// @group card
$kendo-card-subtitle-font-family: null !default;
/// The line height of the Card subtitle.
/// @group card
$kendo-card-subtitle-line-height: $kendo-card-title-line-height !default;
/// The font weight of the Card subtitle.
/// @group card
$kendo-card-subtitle-font-weight: $kendo-card-title-font-weight !default;
/// The letter spacing of the Card subtitle.
/// @group card
$kendo-card-subtitle-letter-spacing: null !default;
/// The text color of the Card subtitle.
/// @group card
$kendo-card-subtitle-text: k-color(subtle) !default;

/// The maximum width of the Card image.
/// @group card
$kendo-card-img-max-width: 100px !default;
/// The spacing between the Avatar and the text in the Card.
/// @group card
$kendo-card-avatar-spacing: k-spacing(2) !default;

/// The horizontal padding of the Card actions.
/// @group card
$kendo-card-actions-padding-x: k-spacing(2) !default;
/// The vertical padding of the Card actions.
/// @group card
$kendo-card-actions-padding-y: k-spacing(2) !default;
/// The top border width of the Card actions.
/// @group card
$kendo-card-actions-border-width: 0 !default;
/// The spacing between the Card actions.
/// @group card
$kendo-card-actions-gap: k-spacing(2) !default;

/// The border radius of the scroll button in the Card deck.
/// @group card
$kendo-card-deck-scroll-button-radius: 0px !default;
/// The border radius of the scroll button in the Card deck.
/// @group card
$kendo-card-deck-scroll-button-offset: -$kendo-button-border-width !default;

/// The width of the Card callout.
/// @group card
$kendo-card-callout-width: 1.3em !default;
/// The height of the Card callout.
/// @group card
$kendo-card-callout-height: 1.3em !default;

@forward "@progress/kendo-theme-core/scss/components/card/_variables.scss" with (
    $kendo-card-default-theme-color: $kendo-card-default-theme-color,
    $kendo-card-padding-x: $kendo-card-padding-x,
    $kendo-card-padding-y: $kendo-card-padding-y,
    $kendo-card-border-width: $kendo-card-border-width,
    $kendo-card-border-radius: $kendo-card-border-radius,
    $kendo-card-inner-border-radius: $kendo-card-inner-border-radius,
    $kendo-card-font-family: $kendo-card-font-family,
    $kendo-card-font-size: $kendo-card-font-size,
    $kendo-card-line-height: $kendo-card-line-height,
    $kendo-card-deck-gap: $kendo-card-deck-gap,
    $kendo-card-bg: $kendo-card-bg,
    $kendo-card-text: $kendo-card-text,
    $kendo-card-border: $kendo-card-border,
    $kendo-card-shadow: $kendo-card-shadow,
    $kendo-card-focus-bg: $kendo-card-focus-bg,
    $kendo-card-focus-text: $kendo-card-focus-text,
    $kendo-card-focus-border: $kendo-card-focus-border,
    $kendo-card-focus-shadow: $kendo-card-focus-shadow,
    $kendo-card-header-padding-x: $kendo-card-header-padding-x,
    $kendo-card-header-padding-y: $kendo-card-header-padding-y,
    $kendo-card-header-border-width: $kendo-card-header-border-width,
    $kendo-card-header-bg: $kendo-card-header-bg,
    $kendo-card-header-text: $kendo-card-header-text,
    $kendo-card-header-border: $kendo-card-header-border,
    $kendo-card-body-padding-x: $kendo-card-body-padding-x,
    $kendo-card-body-padding-y: $kendo-card-body-padding-y,
    $kendo-card-footer-padding-x: $kendo-card-footer-padding-x,
    $kendo-card-footer-padding-y: $kendo-card-footer-padding-y,
    $kendo-card-footer-border-width: $kendo-card-footer-border-width,
    $kendo-card-footer-bg: $kendo-card-footer-bg,
    $kendo-card-footer-text: $kendo-card-footer-text,
    $kendo-card-footer-border: $kendo-card-footer-border,
    $kendo-card-title-margin-bottom: $kendo-card-title-margin-bottom,
    $kendo-card-title-font-size: $kendo-card-title-font-size,
    $kendo-card-title-font-family: $kendo-card-title-font-family,
    $kendo-card-title-line-height: $kendo-card-title-line-height,
    $kendo-card-title-font-weight: $kendo-card-title-font-weight,
    $kendo-card-title-letter-spacing: $kendo-card-title-letter-spacing,
    $kendo-card-subtitle-margin-bottom: $kendo-card-subtitle-margin-bottom,
    $kendo-card-subtitle-font-size: $kendo-card-subtitle-font-size,
    $kendo-card-subtitle-font-family: $kendo-card-subtitle-font-family,
    $kendo-card-subtitle-line-height: $kendo-card-subtitle-line-height,
    $kendo-card-subtitle-font-weight: $kendo-card-subtitle-font-weight,
    $kendo-card-subtitle-letter-spacing: $kendo-card-subtitle-letter-spacing,
    $kendo-card-subtitle-text: $kendo-card-subtitle-text,
    $kendo-card-img-max-width: $kendo-card-img-max-width,
    $kendo-card-avatar-spacing: $kendo-card-avatar-spacing,
    $kendo-card-actions-padding-x: $kendo-card-actions-padding-x,
    $kendo-card-actions-padding-y: $kendo-card-actions-padding-y,
    $kendo-card-actions-border-width: $kendo-card-actions-border-width,
    $kendo-card-actions-gap: $kendo-card-actions-gap,
    $kendo-card-deck-scroll-button-radius: $kendo-card-deck-scroll-button-radius,
    $kendo-card-deck-scroll-button-offset: $kendo-card-deck-scroll-button-offset,
    $kendo-card-callout-width: $kendo-card-callout-width,
    $kendo-card-callout-height: $kendo-card-callout-height
);