@use "../core/_index.scss" as *;
@use "../button/_variables.scss" as *;

// Card

$kendo-card-padding-x: k-spacing(4) !default;
$kendo-card-padding-y: k-spacing(3) !default;
$kendo-card-border-width: 1px !default;
$kendo-card-border-radius: k-border-radius(lg) !default;
$kendo-card-inner-border-radius: calc( #{$kendo-card-border-radius} - #{$kendo-card-border-width} ) !default;
$kendo-card-font-family: var(--kendo-font-family) !default;
$kendo-card-font-size: var(--kendo-font-size) !default;
$kendo-card-line-height: var(--kendo-line-height) !default;

$kendo-card-deck-gap: k-spacing(4) !default;

$kendo-card-bg: k-color(surface-alt) !default;
$kendo-card-text: k-color(on-app-surface) !default;
$kendo-card-border: k-color(border) !default;
$kendo-card-shadow: null !default;

$kendo-card-focus-bg: null !default;
$kendo-card-focus-text: null !default;
$kendo-card-focus-border: k-color(border-alt) !default;

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

$kendo-card-focus-shadow: null !default;

$kendo-card-header-padding-x: $kendo-card-padding-x !default;
$kendo-card-header-padding-y: $kendo-card-padding-y !default;
$kendo-card-header-border-width: 1px !default;
$kendo-card-header-bg: null !default;
$kendo-card-header-text: k-color(on-app-surface) !default;
$kendo-card-header-border: k-color(border) !default;

$kendo-card-body-padding-x: k-spacing(4) !default;
$kendo-card-body-padding-y: k-spacing(4) !default;

$kendo-card-footer-padding-x: k-spacing(2) !default;
$kendo-card-footer-padding-y: k-spacing(2) !default;
$kendo-card-footer-border-width: 1px !default;
$kendo-card-footer-bg: null !default;
$kendo-card-footer-text: k-color(on-app-surface) !default;
$kendo-card-footer-border: k-color(border) !default;

$kendo-card-title-margin-bottom: k-spacing(2) !default;
$kendo-card-title-font-size: var(--kendo-font-size-lg) !default;
$kendo-card-title-font-family: null !default;
$kendo-card-title-line-height: var(--kendo-line-height-sm) !default;
$kendo-card-title-font-weight: var(--kendo-font-weight-normal) !default;
$kendo-card-title-letter-spacing: null !default;

$kendo-card-subtitle-margin-bottom: k-spacing(2) !default;
$kendo-card-subtitle-font-size: var(--kendo-font-size-sm) !default;
$kendo-card-subtitle-font-family: null !default;
$kendo-card-subtitle-line-height: var(--kendo-line-height-lg) !default;
$kendo-card-subtitle-font-weight: var(--kendo-font-weight-normal) !default;
$kendo-card-subtitle-letter-spacing: null !default;
$kendo-card-subtitle-text: k-color(subtle) !default;

$kendo-card-img-max-width: 100px !default;
$kendo-card-avatar-spacing: k-spacing(2) !default;

$kendo-card-actions-padding-x: k-spacing(2) !default;
$kendo-card-actions-padding-y: k-spacing(2) !default;
$kendo-card-actions-border-width: 0 !default;
$kendo-card-actions-gap: k-spacing(2) !default;

$kendo-card-deck-scroll-button-radius: 0px !default;
$kendo-card-deck-scroll-button-offset: -$kendo-button-border-width !default;

$kendo-card-callout-width: 20px !default;
$kendo-card-callout-height: 20px !default;

@forward "@progress/kendo-theme-core/scss/components/card/_variables.scss" with (
    $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
);