@use "sass:color";
@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;

// adduse

$calendar-color: $base-text-color !default;

/**
* $name 20. Header text color
* $type color
*/
$calendar-header-color: lighten($calendar-color, 40%) !default;

/**
* $name 30. Other month text color
* $type color
*/
$calendar-cell-other-color: lighten($calendar-color, 49%) !default;
$calendar-cell-other-hover-color: lighten($calendar-color, 49%) !default;
$calendar-bg: $base-bg !default;
$calendar-hover-bg: $base-hover-bg !default;
$calendar-cell-hover-color: $calendar-color !default;

/**
* $name 40. Selected cell background color
* $type color
*/
$calendar-cell-selected-bg: $base-accent !default;
$calendar-cell-active-bg: color.change(darken($calendar-bg, 62.5%), $alpha: 0.2) !default;
$calendar-navigator-border-radius: $button-border-radius !default;
$calendar-cell-contoured-border-radius: 50% !default;
$calendar-invalid-focused-border-color: $base-invalid-color !default;
$calendar-invalid-faded-border-color: $base-invalid-faded-border-color !default;

/**
* $name 50. Shevron icon color
* $type color
*/
$calendar-shevron-icon-color: $base-accent !default;