@use '../../../../../utils/map' as *;
@use '../../../../../typography/functions' as *;
@use 'base' as *;

////
/// @package theming
/// @group schemas
/// @access public
////

/// Generates a base light days-view schema.
/// @type {Map}
/// @prop {Map} weekday-color [color: ('gray', 500)] - The foreground color of the weekday labels.
/// @prop {Map} weekend-color [color: ('gray', 900)] - The foreground color of the weekend days.
/// @prop {Map} inactive-color [color: ('gray', 500)] - The foreground color of the previous and next month dates.
/// @prop {Map} week-number-foreground [color: ('gray', 500)] - The foreground color of the week number column.
/// @prop {Map} week-number-background [color: ('gray', 200)] - The background color of the week number column.
/// @prop {Map} date-hover-foreground [color: ('gray', 900)] - The :hover foreground color of a date.
/// @prop {Map} date-focus-foreground [color: ('gray', 900)] - The :focus foreground color of a date.
/// @prop {Color} date-current-background [transparent] - The background color of the current date.
/// @prop {Map} date-current-hover-foreground [color: ('gray', 900)] - The :hover foreground color of the current date.
/// @prop {Map} date-current-focus-foreground [color: ('gray', 900)] - The :focus foreground color of the current date.
/// @prop {Map} date-current-focus-background [color: ('gray', 100)] - The :focus background color of a date.
/// @prop {Map} date-selected-range-hover-foreground [color: ('gray', 900)] - The :hover foreground color of the selected range.
/// @prop {Map} date-selected-range-focus-foreground [color: ('gray', 900)] - The :focus foreground color of the selected range.
/// @prop {Map} date-selected-current-range-foreground [color: ('gray', 900)] - The foreground color of the current date in the selected range.
/// @prop {Map} date-selected-current-range-hover-foreground [color: ('gray', 900)] - The :hover foreground color of the current date in the selected range.
/// @prop {Map} date-selected-current-range-focus-foreground [color: ('gray', 900)] - The :focus foreground color of the current date in the selected range.
/// @prop {Color} date-special-background [transparent] - The background color of a special date.
/// @prop {Color} date-special-range-background [transparent] - The background color of a special date in range selection.
/// @prop {Color} date-border-color [transparent] - The border color around a date.
/// @prop {Color} date-hover-border-color [transparent] - The :hover border color around a date.
/// @prop {Color} date-focus-border-color [transparent] - The :focus border color around a date.
/// @prop {Color} date-selected-border-color [transparent] - The border color of the selected date.
/// @prop {Color} date-selected-hover-border-color [transparent] - The :hover border color of the selected date.
/// @prop {Color} date-selected-focus-border-color [transparent] - The :focus border color of the selected date.
/// @prop {Color} date-range-border-color [transparent] - The border color of range selection.
/// @prop {Map} date-range-preview-border-color [color: ('gray', 300)] - The border color of the range selection in preview state(visible before selecting the end of the range).
/// @prop {Map} date-disabled-foreground [color: ('gray', 500, 0.5)] - The foreground color of disabled dates.
/// @prop {Map} date-disabled-range-foreground [color: ('gray', 900, 0.38)] - The foreground color of disabled dates in range selection.
/// @prop {List} date-border-radius [(rem(20px), rem(0), rem(20px))] - The border radius used for the date.
/// @prop {List} date-range-border-radius [(rem(20px), rem(0), rem(20px))] - The border radius used for the date in range selection.
/// @prop {List} size [(rem(28px), rem(32px), rem(36px))] - Small, medium, and large sizes for dates (days view), months (months view), and years (years view).
/// @prop {List} inner-size [(rem(24px), rem(26px), rem(30px))] - Small, medium, and large sizes for the inner circle of a selected special dates.
/// @prop {Number} default-size [2] - The default size used for the calendar component.
/// @requires $calendar-base
$light-days-view: extend(
    $calendar-base,
    (
        default-size: 2,
        size: (
            sizable: (
                rem(28px),
                rem(32px),
                rem(36px),
            ),
        ),
        inner-size: (
            sizable: (
                rem(24px),
                rem(26px),
                rem(30px),
            ),
        ),
        date-border-radius: (
            border-radius: (
                rem(20px),
                rem(0),
                rem(20px),
            ),
        ),
        date-range-border-radius: (
            border-radius: (
                rem(20px),
                rem(0),
                rem(20px),
            ),
        ),
        week-number-foreground: (
            color: (
                'gray',
                500,
            ),
        ),
        week-number-background: (
            color: (
                'gray',
                200,
            ),
        ),
        inactive-color: (
            color: (
                'gray',
                500,
            ),
        ),
        weekday-color: (
            color: (
                'gray',
                500,
            ),
        ),
        weekend-color: (
            color: (
                'gray',
                900,
            ),
        ),
        date-hover-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-focus-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-selected-range-hover-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-selected-range-focus-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-selected-current-range-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-selected-current-range-hover-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-selected-current-range-focus-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-current-background: transparent,
        date-current-hover-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-current-focus-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-current-focus-background: (
            color: (
                'gray',
                100,
            ),
        ),
        date-special-background: transparent,
        date-special-range-background: transparent,
        date-border-color: transparent,
        date-hover-border-color: transparent,
        date-focus-border-color: transparent,
        date-selected-border-color: transparent,
        date-selected-hover-border-color: transparent,
        date-selected-focus-border-color: transparent,
        date-range-border-color: transparent,
        date-range-preview-border-color: (
            color: (
                'gray',
                300,
            ),
        ),
        date-disabled-foreground: (
            color: (
                'gray',
                500,
                0.5,
            ),
        ),
        date-disabled-range-foreground: (
            color: (
                'gray',
                900,
                0.38,
            ),
        ),
    )
);

/// Generates a light material days-view schema.
/// @type {Map}
/// @prop {Map} date-hover-background [color: ('gray', 100)] - The :hover background color of a date.
/// @prop {Map} date-focus-background [color: ('gray', 100)] - The :focus background color of date.
/// @prop {Map} date-current-foreground [color: ('gray', 900)] - The foreground color of the current date.
/// @prop {Map} date-selected-foreground [contrast-color: ('secondary', 900)] - The foreground color of the selected date.
/// @prop {Map} date-selected-background [color: ('secondary', 500)] - The background color of the selected date.
/// @prop {Map} date-selected-hover-foreground [contrast-color: ('secondary', 700)] - The :hover foreground color of the selected date.
/// @prop {Map} date-selected-hover-background [color: ('secondary', 700)] - The :hover background color of the selected date.
/// @prop {Map} date-selected-focus-foreground [contrast-color: ('secondary', 700)] - The :focus foreground color of the selected date.
/// @prop {Map} date-selected-focus-background [color: ('secondary', 700)] - The :focus background color of the selected date.
/// @prop {Map} date-current-hover-background [color: ('gray', 100)] - The :hover background color of the current date.
/// @prop {Map} date-selected-current-foreground [contrast-color: ('secondary', 900)] - The foreground color of the selected current date.
/// @prop {Map} date-selected-current-background [color: ('secondary', 500)] - The background color of the selected current date.
/// @prop {Map} date-selected-current-hover-foreground [contrast-color: ('secondary', 700)] - The :hover foreground color of the selected current date.
/// @prop {Map} date-selected-current-hover-background [color: ('secondary', 700)] - The :hover background color of the selected current date.
/// @prop {Map} date-selected-current-focus-foreground [contrast-color: ('secondary', 700)] - The :focus foreground color of the selected current date.
/// @prop {Map} date-selected-current-focus-background [color: ('secondary', 700)] - The :focus background color of the selected current date.
/// @prop {Map} date-selected-range-foreground [color: ('gray', 900)] - The foreground color of the selected range.
/// @prop {Map} date-selected-range-background [color: ('secondary', 500, .24)] - The background color of the selected range.
/// @prop {Map} date-selected-range-hover-background [color: ('gray', 100)] - The :hover background color of the selected range.
/// @prop {Map} date-selected-range-focus-background [color: ('gray', 100)] - The :focus background color of the selected range.
/// @prop {Color} date-selected-current-range-background [transparent] - The background color of the current date in the selected range.
/// @prop {Map} date-selected-current-range-hover-background [color: ('gray', 100)] - The :hover background color of the current date in the selected range.
/// @prop {Map} date-selected-current-range-focus-background [color: ('gray', 100)] - The :focus background color of the current date in the selected range.
/// @prop {Map} date-special-foreground [color: ('secondary', 500)] - The foreground color of a special date.
/// @prop {Map} date-special-hover-foreground [color: ('secondary', 700)] - The :hover foreground color of a special date.
/// @prop {Map} date-special-focus-foreground [color: ('secondary', 700)] - The :focus foreground color of a special date.
/// @prop {Map} date-special-hover-background [color: ('gray', 100)] - The background color of a special date.
/// @prop {Map} date-special-focus-background [color: ('gray', 100)] - The background color of a special date.
/// @prop {Map} date-special-range-foreground [color: ('secondary', 900)] - The foreground color of a special date in range selection.
/// @prop {Map} date-special-range-hover-background [color: ('gray', 100)] - The :hover background color of a special date in range selection.
/// @prop {Map} date-special-range-focus-background [color: ('gray', 100)] - The :focus background color of a special date in range selection.
/// @prop {Map} date-special-border-color [color: ('secondary', 500)] - The outline color around a special date.
/// @prop {Map} date-special-hover-border-color [color: ('secondary', 700)] - The :hover outline color around a special date.
/// @prop {Map} date-selected-special-border-color [contrast-color: ('secondary', 900)] - The border color of the selected special date.
/// @prop {Map} date-selected-special-hover-border-color [contrast-color: ('secondary', 900)] - The :hover border color of the selected special date.
/// @prop {Map} date-selected-special-focus-border-color [contrast-color: ('secondary', 900)] - The :focus border color of the selected special date.
/// @prop {Map} date-current-border-color [color: ('gray', 900)] - The border color of the current date.
/// @prop {Map} date-current-hover-border-color [color: ('gray', 900)] - The :hover border color of the current date.
/// @prop {Map} date-current-focus-border-color [color: ('gray', 900)] - The :focus border color of the current date.
/// @prop {Map} date-selected-current-border-color [color: ('gray', 900)] - The border color of the selected current date.
/// @prop {Map} date-selected-current-hover-border-color [color: ('gray', 900)] - The :hover border color of the selected current date.
/// @prop {Map} date-selected-current-focus-border-color [color: ('gray', 900)] - The :focus border color of the selected current date.
/// @prop {List} week-number-border-radius [(rem(4px), rem(0), rem(8px))] - The border radius used for the week numbers column.
/// @prop {List} date-current-border-radius [(rem(20px), rem(0), rem(20px))] - The border radius used for the current date selection.
/// @prop {List} date-special-border-radius [(rem(20px), rem(0), rem(20px))] - The border radius used for the special date selection.

/// @prop {Map} typography [
///   weekday-label: (value: 'body-1'),
///   content: (value: 'body-1')
/// ] - The typography styles used for the component.
/// @requires $light-days-view
/// @requires $material-base
$material-days-view: extend(
    $light-days-view,
    $material-base,
    (
        date-current-border-radius: (
            border-radius: (
                rem(20px),
                rem(0),
                rem(20px),
            ),
        ),
        date-special-border-radius: (
            border-radius: (
                rem(20px),
                rem(0),
                rem(20px),
            ),
        ),
        date-hover-background: (
            color: (
                'gray',
                100,
            ),
        ),
        date-focus-background: (
            color: (
                'gray',
                100,
            ),
        ),
        date-current-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-selected-foreground: (
            contrast-color: (
                'secondary',
                900,
            ),
        ),
        date-selected-background: (
            color: (
                'secondary',
                500,
            ),
        ),
        date-selected-hover-foreground: (
            contrast-color: (
                'secondary',
                700,
            ),
        ),
        date-selected-hover-background: (
            color: (
                'secondary',
                700,
            ),
        ),
        date-selected-focus-foreground: (
            contrast-color: (
                'secondary',
                700,
            ),
        ),
        date-selected-focus-background: (
            color: (
                'secondary',
                700,
            ),
        ),
        date-current-hover-background: (
            color: (
                'gray',
                100,
            ),
        ),
        date-selected-current-foreground: (
            contrast-color: (
                'secondary',
                900,
            ),
        ),
        date-selected-current-background: (
            color: (
                'secondary',
                500,
            ),
        ),
        date-selected-current-hover-foreground: (
            contrast-color: (
                'secondary',
                700,
            ),
        ),
        date-selected-current-hover-background: (
            color: (
                'secondary',
                700,
            ),
        ),
        date-selected-current-focus-foreground: (
            contrast-color: (
                'secondary',
                700,
            ),
        ),
        date-selected-current-focus-background: (
            color: (
                'secondary',
                700,
            ),
        ),
        date-selected-range-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-selected-range-background: (
            color: (
                'secondary',
                500,
                0.24,
            ),
        ),
        date-selected-range-hover-background: (
            color: (
                'gray',
                100,
            ),
        ),
        date-selected-range-focus-background: (
            color: (
                'gray',
                100,
            ),
        ),
        date-selected-current-range-background: transparent,
        date-selected-current-range-hover-background: (
            color: (
                'gray',
                100,
            ),
        ),
        date-selected-current-range-focus-background: (
            color: (
                'gray',
                100,
            ),
        ),
        date-selected-special-border-color: (
            contrast-color: (
                'secondary',
                900,
            ),
        ),
        date-selected-special-hover-border-color: (
            contrast-color: (
                'secondary',
                900,
            ),
        ),
        date-selected-special-focus-border-color: (
            contrast-color: (
                'secondary',
                900,
            ),
        ),
        date-special-foreground: (
            color: (
                'secondary',
                500,
            ),
        ),
        date-special-hover-foreground: (
            color: (
                'secondary',
                700,
            ),
        ),
        date-special-focus-foreground: (
            color: (
                'secondary',
                700,
            ),
        ),
        date-special-hover-background: (
            color: (
                'gray',
                100,
            ),
        ),
        date-special-focus-background: (
            color: (
                'gray',
                100,
            ),
        ),
        date-special-range-hover-background: (
            color: (
                'gray',
                100,
            ),
        ),
        date-special-range-focus-background: (
            color: (
                'gray',
                100,
            ),
        ),
        date-special-range-border-color: (
            color: (
                'secondary',
                900,
            ),
        ),
        date-special-border-color: (
            color: (
                'secondary',
                500,
            ),
        ),
        date-special-hover-border-color: (
            color: (
                'secondary',
                700,
            ),
        ),
        date-current-border-color: (
            color: (
                'gray',
                900,
            ),
        ),
        date-current-hover-border-color: (
            color: (
                'gray',
                900,
            ),
        ),
        date-current-focus-border-color: (
            color: (
                'gray',
                900,
            ),
        ),
        date-selected-current-border-color: (
            color: (
                'gray',
                900,
            ),
        ),
        date-selected-current-hover-border-color: (
            color: (
                'gray',
                900,
            ),
        ),
        date-selected-current-focus-border-color: (
            color: (
                'gray',
                900,
            ),
        ),
        date-special-range-foreground: (
            color: (
                'secondary',
                900,
            ),
        ),
        week-number-border-radius: (
            border-radius: (
                rem(4px),
                rem(0),
                rem(8px),
            ),
        ),
        typography: (
            weekday-label: (
                value: 'body-1',
            ),
            content: (
                value: 'body-1',
            ),
        ),

        _meta: (
            theme: 'material',
            variant: 'light',
        ),
    )
);

/// Generates a light fluent days-view schema.
/// @type {Map}
/// @prop {Map} date-special-foreground [color: ('gray', 900)] - The foreground color of a special date.
/// @prop {Map} date-special-hover-foreground [color: ('gray', 900)] - The foreground color of a special date.
/// @prop {Map} date-special-focus-foreground [color: ('gray', 900)] - The foreground color of a special date.
/// @prop {Map} date-special-hover-background [color: ('gray', 200)] - The background color of a special date.
/// @prop {Map} date-special-focus-background [color: ('gray', 200)] - The background color of a special date.
/// @prop {Map} date-special-range-hover-background [color: ('gray', 200)] - The :hover background color of a special date in range selection.
/// @prop {Map} date-special-range-focus-background [color: ('gray', 200)] - The :focus background color of a special date in range selection.
/// @prop {Map} date-selected-special-border-color [color: ('primary', 900)] - The border color of the selected special date.
/// @prop {Map} date-selected-special-hover-border-color [color: ('primary', 900)] - The :hover border color of the selected special date.
/// @prop {Map} date-selected-special-focus-border-color [color: ('primary', 900)] - The :focus border color of the selected special date.
/// @prop {Map} date-selected-current-border-color [color: ('gray', 700)] - The border color of the selected current date.
/// @prop {Map} date-selected-current-hover-border-color [color: ('gray', 700)] - The :hover border color of the selected current date.
/// @prop {Map} date-selected-current-focus-border-color [color: ('gray', 700)] - The :focus border color of the selected current date.
/// @prop {Map} date-hover-background [color: ('gray', 900)] - The :hover background color of date.
/// @prop {Map} date-focus-background [color: ('gray', 200)] - The :focus background color of a date.
/// @prop {Map} date-selected-foreground [color: ('gray', 900)] - The foreground color of the selected date.
/// @prop {Map} date-selected-background [color: ('gray', 100)] - The background color of the selected date.
/// @prop {Map} date-selected-hover-foreground [color: ('gray', 900)] - The :hover foreground color of the selected date.
/// @prop {Map} date-selected-hover-background [color: ('gray', 200)] - The :hover background color of the selected date.
/// @prop {Map} date-selected-focus-foreground [color: ('gray', 900)] - The :hover foreground color of the selected date.
/// @prop {Map} date-selected-focus-background [color: ('gray', 200)] - The :hover background color of the selected date.
/// @prop {Map} date-current-foreground [contrast-color: ('primary', 900)] - The foreground color of the current date.
/// @prop {Map} date-current-background [color: ('primary', 500)] - The background color of the current date.
/// @prop {Map} date-current-hover-foreground [contrast-color: ('primary', 600)] - The :hover foreground color of the current date.
/// @prop {Map} date-current-hover-background [color: ('gray', 200)] - The :hover background color of the current date.
/// @prop {Map} date-current-focus-foreground [contrast-color: ('primary', 600)] - The :focus foreground color of the current date.
/// @prop {Map} date-current-focus-background [color: ('gray', 200)] - The :focus background color of the current date.
/// @prop {Map} date-selected-current-foreground [contrast-color: ('primary', 600)] - The foreground color of the selected current date.
/// @prop {Map} date-selected-current-background [color: ('gray', 100)] - The background color of the selected current date.
/// @prop {Map} date-selected-current-hover-foreground [contrast-color: ('primary', 600)] - The :hover foreground color of the selected current date.
/// @prop {Map} date-selected-current-hover-background [color: ('gray', 200)] - The :hover background color of the selected current date.
/// @prop {Map} date-selected-current-focus-foreground [contrast-color: ('primary', 600)] - The :focus foreground color of the selected current date.
/// @prop {Map} date-selected-current-focus-background [color: ('gray', 200)] - The :focus background color of the selected current date.
/// @prop {Map} date-selected-current-range-foreground [contrast-color: ('primary', 600)] - The foreground color of the current date in the selected range.
/// @prop {Map} date-selected-current-range-background [color: ('gray', 100)] - The background color of the current date in the selected range.
/// @prop {Map} date-selected-current-range-hover-foreground [contrast-color: ('primary', 600)] - The :hover foreground color of the current date in the selected range.
/// @prop {Map} date-selected-current-range-hover-background [color: ('gray', 200)] - The :hover background color of the current date in the selected range.
/// @prop {Map} date-selected-current-range-focus-foreground [contrast-color: ('primary', 600)] - The :focus foreground color of the current date in the selected range.
/// @prop {Map} date-selected-current-range-focus-background [color: ('gray', 200)] - The :focus background color of the current date in the selected range.
/// @prop {Map} date-selected-border-color [color: ('gray', 700)] - The border color of the selected date.
/// @prop {Map} date-selected-hover-border-color [color: ('gray', 700)] - The :hover border color of the selected date.
/// @prop {Map} date-selected-focus-border-color [color: ('gray', 700)] - The :focus border color of the selected date.
/// @prop {Map} date-selected-range-foreground [color: ('gray', 900)] - The foreground color of the selected range.
/// @prop {Map} date-selected-range-background [color: ('gray', 100)] - The background color of the selected range.
/// @prop {Map} date-selected-range-hover-background [color: ('gray', 200)] - The :hover background color of the selected range.
/// @prop {Map} date-selected-range-focus-background [color: ('gray', 200)] - The :focus background color of the selected range.
/// @prop {Map} date-range-border-color [color: ('gray', 700)] - The border color of the selected date.
/// @prop {Map} date-range-preview-border-color [color: ('gray', 700)] - The border color of the selected date.
/// @prop {Map} date-special-border-color [color: ('primary', 900)] - The outline color around a special date.
/// @prop {Map} date-special-hover-border-color [color: ('primary', 900)] - The outline color around a special date.
/// @prop {Map} date-special-range-border-color [color: ('primary', 900)] - The outline color around a special date in a range selection.
/// @prop {Color} date-current-border-color [transparent] - The border color of the current date.
/// @prop {Color} date-current-hover-border-color [transparent] - The :hover border color of the current date.
/// @prop {Color} date-current-focus-border-color [transparent] - The :focus border color of the current date.
/// @prop {List} border-radius [(rem(0), rem(0), rem(25px))] - The border radius used for calendar.
/// @prop {List} date-border-radius [(rem(0), rem(0), rem(25px))] - The border radius used for the date outline
/// @prop {List} date-range-border-radius [(rem(0), rem(0), rem(25px))] - The border radius used for the date outline in range selection.
/// @prop {List} date-current-border-radius [(rem(25px), rem(0), rem(25px))] - The border radius used for the current date selection.
/// @prop {List} date-special-border-radius [(rem(25px), rem(0), rem(25px))] - The border radius used for the special date selection.
/// @prop {List} week-number-border-radius [(rem(0), rem(0), rem(8px))] - The border radius used for the week numbers column.
/// @prop {List} size [(rem(28px), rem(32px), rem(40px))] - Small, medium, and large sizes for dates (days view), months (months view), and years (years view).
/// @prop {List} inner-size [(rem(24px), rem(28px), rem(32px))] -Small, medium, and large sizes for the inner circle of a selected special dates.
/// @prop {Map} date-special-range-foreground [color: ('gray', 900)] - The foreground color of a special date in range selection.
/// @prop {Map} typography [
///   weekday-label: (value: 'body-1'),
///   content: (value: 'body-1')
/// ] - The typography styles used for the component.
/// @requires $light-days-view
/// @requires $fluent-base
$fluent-days-view: extend(
    $light-days-view,
    $fluent-base,
    (
        size: (
            sizable: (
                rem(28px),
                rem(32px),
                rem(40px),
            ),
        ),
        inner-size: (
            sizable: (
                rem(24px),
                rem(28px),
                rem(32px),
            ),
        ),
        date-border-radius: (
            border-radius: (
                rem(0),
                rem(0),
                rem(25px),
            ),
        ),
        date-range-border-radius: (
            border-radius: (
                rem(0),
                rem(0),
                rem(25px),
            ),
        ),
        date-current-border-radius: (
            border-radius: (
                rem(25px),
                rem(0),
                rem(25px),
            ),
        ),
        date-special-border-radius: (
            border-radius: (
                rem(25px),
                rem(0),
                rem(25px),
            ),
        ),
        week-number-border-radius: (
            border-radius: (
                rem(0),
                rem(0),
                rem(8px),
            ),
        ),
        date-special-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-special-hover-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-special-focus-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-selected-current-border-color: (
            color: (
                'gray',
                700,
            ),
        ),
        date-selected-current-hover-border-color: (
            color: (
                'gray',
                700,
            ),
        ),
        date-selected-current-focus-border-color: (
            color: (
                'gray',
                700,
            ),
        ),
        date-selected-special-border-color: (
            color: (
                'primary',
                900,
            ),
        ),
        date-selected-special-hover-border-color: (
            color: (
                'primary',
                900,
            ),
        ),
        date-selected-special-focus-border-color: (
            color: (
                'primary',
                900,
            ),
        ),
        date-special-border-color: (
            color: (
                'primary',
                900,
            ),
        ),
        date-special-hover-border-color: (
            color: (
                'primary',
                900,
            ),
        ),
        date-special-range-border-color: (
            color: (
                'primary',
                900,
            ),
        ),
        date-special-hover-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-special-focus-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-special-range-hover-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-special-range-focus-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-selected-current-foreground: (
            contrast-color: (
                'primary',
                600,
            ),
        ),
        date-selected-current-background: (
            color: (
                'gray',
                100,
            ),
        ),
        date-selected-current-hover-foreground: (
            contrast-color: (
                'primary',
                600,
            ),
        ),
        date-selected-current-hover-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-selected-current-focus-foreground: (
            contrast-color: (
                'primary',
                600,
            ),
        ),
        date-selected-current-focus-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-selected-current-range-foreground: (
            contrast-color: (
                'primary',
                600,
            ),
        ),
        date-selected-current-range-background: (
            color: (
                'gray',
                100,
            ),
        ),
        date-selected-current-range-hover-foreground: (
            contrast-color: (
                'primary',
                600,
            ),
        ),
        date-selected-current-range-hover-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-selected-current-range-focus-foreground: (
            contrast-color: (
                'primary',
                600,
            ),
        ),
        date-selected-current-range-focus-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-selected-range-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-selected-range-background: (
            color: (
                'gray',
                100,
            ),
        ),
        date-selected-range-hover-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-selected-range-focus-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-hover-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-focus-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-current-foreground: (
            contrast-color: (
                'primary',
                900,
            ),
        ),
        date-current-background: (
            color: (
                'primary',
                500,
            ),
        ),
        date-current-hover-foreground: (
            contrast-color: (
                'primary',
                600,
            ),
        ),
        date-current-hover-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-current-focus-foreground: (
            contrast-color: (
                'primary',
                600,
            ),
        ),
        date-current-focus-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-selected-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-selected-background: (
            color: (
                'gray',
                100,
            ),
        ),
        date-selected-hover-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-selected-hover-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-selected-focus-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-selected-focus-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-range-border-color: (
            color: (
                'gray',
                700,
            ),
        ),
        date-range-preview-border-color: (
            color: (
                'gray',
                700,
            ),
        ),
        date-selected-border-color: (
            color: (
                'gray',
                700,
            ),
        ),
        date-selected-hover-border-color: (
            color: (
                'gray',
                700,
            ),
        ),
        date-selected-focus-border-color: (
            color: (
                'gray',
                700,
            ),
        ),
        date-current-border-color: transparent,
        date-current-hover-border-color: transparent,
        date-current-focus-border-color: transparent,
        date-special-range-foreground: (
            color: (
                'gray',
                900,
            ),
        ),

        typography: (
            weekday-label: (
                value: 'body-1',
            ),
            content: (
                value: 'body-1',
            ),
        ),

        _meta: (
            theme: 'fluent',
            variant: 'light',
        ),
    )
);

/// Generates a light bootstrap days-view schema.
/// @type {Map}
/// @prop {Map} date-special-hover-background [color: ('gray', 200)] - The background color of a special date.
/// @prop {Map} date-special-focus-background [color: ('gray', 200)] - The background color of a special date.
/// @prop {Map} date-special-range-hover-background [color: ('gray', 200)] - The :hover background color of a special date in range selection.
/// @prop {Map} date-special-range-focus-background [color: ('gray', 200)] - The :focus background color of a special date in range selection.
/// @prop {Map} date-special-foreground [color: ('gray', 900)] - The foreground color of a special date.
/// @prop {Map} date-special-focus-foreground [color: ('gray', 900)] - The foreground color of a special date.
/// @prop {Map} date-special-hover-foreground [color: ('gray', 900)] - The foreground color of a special date.
/// @prop {Map} date-special-border-color [color: ('primary', 800)] - The outline color around a special date.
/// @prop {Map} date-special-hover-border-color [color: ('primary', 800)] - The outline color around a special date.
/// @prop {Map} date-special-range-border-color [color: ('primary', 800)] - The outline color around a special date in a range selection.
/// @prop {Map} date-selected-special-border-color [contrast-color: ('primary', 900)] - The border color of the selected special date.
/// @prop {Map} date-selected-special-hover-border-color [contrast-color: ('primary', 900)] - The :hover border color of the selected special date.
/// @prop {Map} date-selected-special-focus-border-color [contrast-color: ('primary', 900)] - The :focus border color of the selected special date.
/// @prop {Map} date-hover-background [color: ('gray', 200)] - The :hover background color of a date.
/// @prop {Map} date-focus-background [color: ('gray', 200)] - The :focus background color of a date.
/// @prop {Map} date-selected-foreground [contrast-color: ('primary', 900)] - The foreground color of the selected date.
/// @prop {Map} date-selected-background [color: ('primary', 500)] - The background color of the selected date.
/// @prop {Map} date-selected-hover-foreground [contrast-color: ('primary', 900)] - The :hover foreground color of the selected date.
/// @prop {Map} date-selected-hover-background [color: ('primary', 600)] - The :hover background color of the selected date.
/// @prop {Map} date-selected-focus-foreground [contrast-color: ('primary', 900)] - The :focus foreground color of the selected date.
/// @prop {Map} date-selected-focus-background [color: ('primary', 600)] - The :focus background color of the selected date.
/// @prop {Map} date-selected-current-foreground [contrast-color: ('primary', 900)] - The foreground color of the selected current date.
/// @prop {Map} date-selected-current-background [color: ('primary', 500)] - The background color of the selected current date.
/// @prop {Map} date-selected-current-hover-foreground [contrast-color: ('primary', 900)] - The :hover foreground color of the selected current date.
/// @prop {Map} date-selected-current-hover-background [color: ('primary', 600)] - The :hover background color of the selected current date.
/// @prop {Map} date-selected-current-focus-foreground [contrast-color: ('primary', 900)] - The :focus foreground color of the selected current date.
/// @prop {Map} date-selected-current-focus-background [color: ('primary', 600)] - The :focus background color of the selected current date.
/// @prop {Color} date-selected-current-range-background [transparent] - The background color of the current date in the selected range.
/// @prop {Map} date-selected-current-range-hover-background [color: ('gray', 200)] - The :hover background color of the current date in the selected range.
/// @prop {Map} date-selected-current-range-focus-background [color: ('gray', 200)] - The :focus background color of the current date in the selected range.
/// @prop {Map} date-selected-range-background [color: ('primary', 500, .24)] - The background color of the selected range.
/// @prop {Map} date-selected-range-foreground [color: ('gray', 900)] - The foreground color of the selected range.
/// @prop {Map} date-selected-range-hover-background [color: ('gray', 200)] - The :hover background color of the selected range.
/// @prop {Map} date-selected-range-focus-background [color: ('gray', 200)] - The :focus background color of the selected range.
/// @prop {Map} date-current-foreground [color: ('gray', 900)] - The foreground color of the current date.
/// @prop {Map} date-current-hover-background [color: ('gray', 200)] - The :hover background color of the current date.
/// @prop {Map} date-current-focus-background [color: ('gray', 200)] - The :focus background color of the current date.
/// @prop {Map} current-hover-outline-color [color: ('gray', 900)] - The :hover outline color of the current month/year.
/// @prop {Map} current-focus-outline-color [color: ('gray', 900)] - The :focus outline color of the current month/year.
/// @prop {Color} date-range-preview-border-color [transparent] - The border color of the range selection in preview state(visible before selecting the end of the range).
/// @prop {Map} date-current-border-color [color: ('gray', 900)] - The border color of the current date.
/// @prop {Map} date-current-hover-border-color [color: ('gray', 900)] - The :hover border color of the current date.
/// @prop {Map} date-current-focus-border-color [color: ('gray', 900)] - The :focus border color of the current date.
/// @prop {Map} date-selected-current-border-color [color: ('gray', 900)] - The border color of the selected current date.
/// @prop {Map} date-selected-current-hover-border-color [color: ('gray', 900)] - The :hover border color of the selected current date.
/// @prop {Map} date-selected-current-focus-border-color [color: ('gray', 900)] - The :focus border color of the selected current date.
/// @prop {Map} date-special-range-foreground [color: ('gray', 900)] - The foreground color of a special date in range selection.
/// @prop {Map} weekday-color [color: ('info', 300)] - The foreground color for weekday labels.
/// @prop {Color} week-number-background [transparent] - The background color of the week number column.
/// @prop {List} date-border-radius [(rem(4px), rem(0), rem(20px))] - The border radius used for the date outline.
/// @prop {List} date-range-border-radius [(rem(4px), rem(0), rem(20px))] - The border radius used for the date outline in range selection.
/// @prop {List} date-current-border-radius [(rem(20px), rem(0), rem(20px))] - The border radius used for the current date selection.
/// @prop {List} date-special-border-radius [(rem(20px), rem(0), rem(20px))] - The border radius used for the special date selection.
/// @prop {List} border-radius [(rem(4px), rem(0), rem(20px))] - The border radius used for the calendar.
/// @prop {List} week-number-border-radius [(rem(0), rem(0), rem(8px))] - The border radius used for the week numbers column.
/// @prop {Map} typography [
///   weekday-label: (value: 'body-2'),
///   content: (value: 'body-1')
/// ] - The typography styles used for the component.
/// @requires $light-days-view
/// @requires $bootstrap-base
$bootstrap-days-view: extend(
    $light-days-view,
    $bootstrap-base,
    (
        date-border-radius: (
            border-radius: (
                rem(4px),
                rem(0),
                rem(20px),
            ),
        ),
        date-range-border-radius: (
            border-radius: (
                rem(4px),
                rem(0),
                rem(20px),
            ),
        ),
        date-current-border-radius: (
            border-radius: (
                rem(20px),
                rem(0),
                rem(20px),
            ),
        ),
        date-special-border-radius: (
            border-radius: (
                rem(20px),
                rem(0),
                rem(20px),
            ),
        ),
        week-number-border-radius: (
            border-radius: (
                rem(0),
                rem(0),
                rem(8px),
            ),
        ),
        weekday-color: (
            color: (
                'info',
                300,
            ),
        ),
        week-number-background: transparent,
        date-special-hover-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-special-focus-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-special-range-hover-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-special-range-focus-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-special-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-special-hover-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-special-focus-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-special-border-color: (
            color: (
                'primary',
                800,
            ),
        ),
        date-special-hover-border-color: (
            color: (
                'primary',
                800,
            ),
        ),
        date-special-range-border-color: (
            color: (
                'primary',
                800,
            ),
        ),
        date-hover-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-focus-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-selected-foreground: (
            contrast-color: (
                'primary',
                900,
            ),
        ),
        date-selected-background: (
            color: (
                'primary',
                500,
            ),
        ),
        date-selected-hover-foreground: (
            contrast-color: (
                'primary',
                900,
            ),
        ),
        date-selected-hover-background: (
            color: (
                'primary',
                600,
            ),
        ),
        date-selected-focus-foreground: (
            contrast-color: (
                'primary',
                900,
            ),
        ),
        date-selected-focus-background: (
            color: (
                'primary',
                600,
            ),
        ),
        date-current-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-current-hover-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-current-focus-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-selected-current-background: (
            color: (
                'primary',
                500,
            ),
        ),
        date-selected-current-foreground: (
            contrast-color: (
                'primary',
                900,
            ),
        ),
        date-selected-current-hover-foreground: (
            contrast-color: (
                'primary',
                900,
            ),
        ),
        date-selected-current-hover-background: (
            color: (
                'primary',
                600,
            ),
        ),
        date-selected-current-focus-foreground: (
            contrast-color: (
                'primary',
                900,
            ),
        ),
        date-selected-current-focus-background: (
            color: (
                'primary',
                600,
            ),
        ),
        date-selected-current-range-background: transparent,
        date-selected-current-range-hover-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-selected-current-range-focus-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-selected-special-border-color: (
            contrast-color: (
                'primary',
                900,
            ),
        ),
        date-selected-special-hover-border-color: (
            contrast-color: (
                'primary',
                900,
            ),
        ),
        date-selected-special-focus-border-color: (
            contrast-color: (
                'primary',
                900,
            ),
        ),
        date-selected-range-foreground: (
            color: (
                'gray',
                900,
            ),
        ),
        date-selected-range-background: (
            color: (
                'primary',
                500,
                0.24,
            ),
        ),
        date-selected-range-hover-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-selected-range-focus-background: (
            color: (
                'gray',
                200,
            ),
        ),
        date-current-border-color: (
            color: (
                'gray',
                900,
            ),
        ),
        date-current-hover-border-color: (
            color: (
                'gray',
                900,
            ),
        ),
        date-current-focus-border-color: (
            color: (
                'gray',
                900,
            ),
        ),
        date-selected-current-border-color: (
            color: (
                'gray',
                900,
            ),
        ),
        date-selected-current-hover-border-color: (
            color: (
                'gray',
                900,
            ),
        ),
        date-selected-current-focus-border-color: (
            color: (
                'gray',
                900,
            ),
        ),
        date-range-preview-border-color: transparent,
        date-special-range-foreground: (
            color: (
                'gray',
                900,
            ),
        ),

        typography: (
            weekday-label: (
                value: 'body-2',
            ),
            content: (
                value: 'body-1',
            ),
        ),

        _meta: (
            theme: 'bootstrap',
            variant: 'light',
        ),
    )
);

/// Generates a light indigo days-view schema.
/// @type {Map}
/// @prop {Map} weekend-color [color: ('gray', 800)] - The foreground color of the weekend days.
/// @prop {Map} week-number-foreground [color: ('gray', 600)] - The foreground color of the week number column.
/// @prop {Map} week-number-background [color: ('gray', 900, .05)] - The background color of the week number column.
/// @prop {Map} date-hover-background [color: ('gray', 900, .05)] - The :hover background color of a date.
/// @prop {Map} date-focus-background [color: ('gray', 900, .05)] - The :focus background color of date.
/// @prop {Map} date-current-foreground [color: ('gray', 800)] - The foreground color of the current date.
/// @prop {Map} date-current-background [color: ('primary', 50, .5)] - The background color of the current date.
/// @prop {Map} date-current-hover-background [color: ('primary', 50)] - The :hover background color of the current date.
/// @prop {Map} date-current-focus-background [color: ('primary', 50)] - The :hover background color of the current date.
/// @prop {Map} date-disabled-foreground [color: ('gray', 900, .2)] - The foreground color of disabled dates.
/// @prop {Map} date-disabled-range-foreground [color: ('gray', 800, .38)] - The foreground color of disabled dates in range selection.
/// @prop {Map} date-current-border-color [color: ('primary', 100)] - The border color of the current date.
/// @prop {Map} date-current-hover-border-color [color: ('primary', 200)] - The :hover border color of the current date.
/// @prop {Map} date-current-focus-border-color [color: ('primary', 200)] - The :focus border color of the current date.
/// @prop {Map} date-special-foreground [color: ('primary', 500)] - The foreground color of a special date.
/// @prop {Color} date-special-background [transparent] - The background color of a special date.
/// @prop {Map} date-special-hover-foreground [color: ('primary', 600)] - The :hover foreground color of a special date.
/// @prop {Map} date-special-hover-background [color: ('gray', 900, .05)] - The :hover background color of a special date.
/// @prop {Map} date-special-focus-foreground [color: ('primary', 600)] - The :focus foreground color of a special date.
/// @prop {Map} date-special-focus-background [color: ('gray', 900, .05)] - The :focus background color of a special date.
/// @prop {Map} date-special-range-hover-background [color: ('gray', 900, .05)] - The :hover background color of a special date in range selection.
/// @prop {Map} date-special-range-focus-background [color: ('gray', 900, .05)] - The :focus background color of a special date in range selection.
/// @prop {Map} date-special-range-border-color [color: ('primary', 500)] - The outline color around a special date in range selection.
/// @prop {Map} date-selected-special-border-color [contrast-color: ('primary', 900, .8)] - The border color of the selected special date.
/// @prop {Map} date-selected-special-hover-border-color [contrast-color: ('primary', 900, .8)] - The :hover border color of the selected special date.
/// @prop {Map} date-selected-special-focus-border-color [contrast-color: ('primary', 900, 0.8)] - The :focus border color of the selected special date.
/// @prop {Map} date-selected-foreground [contrast-color: ('primary', 500)] - The foreground color of the selected date.
/// @prop {Map} date-selected-background [color: ('primary', 500)] - The background color of the selected date.
/// @prop {Map} date-selected-hover-foreground [contrast-color: ('primary', 900)] - The :hover foreground color of the selected date.
/// @prop {Map} date-selected-hover-background [color: ('primary', 400)] - The :hover background color of the selected date.
/// @prop {Map} date-selected-focus-foreground [contrast-color: ('primary', 900)] - The :focus foreground color of the selected date.
/// @prop {Map} date-selected-focus-background [color: ('primary', 400)] - The :focus background color of the selected date.
/// @prop {Map} date-selected-current-foreground [contrast-color: ('primary', 500)] - The foreground color of the selected current date.
/// @prop {Map} date-selected-current-background [color: ('primary', 500)] - The background color of the selected current date.
/// @prop {Map} date-selected-current-hover-foreground [contrast-color: ('primary', 900)] - The :hover foreground color of the selected current date.
/// @prop {Map} date-selected-current-hover-background [color: ('primary', 400)] - The :hover background color of the selected current date.
/// @prop {Map} date-selected-current-focus-foreground [contrast-color: ('primary', 900)] - The :focus foreground color of the selected current date.
/// @prop {Map} date-selected-current-focus-background [color: ('primary', 400)] - The :focus background color of the selected current date.
/// @prop {Map} date-selected-current-border-color [color: ('primary', 100)] - The border color of the selected current date.
/// @prop {Map} date-selected-current-hover-border-color [color: ('primary', 200)] - The :hover border color of the selected current date.
/// @prop {Map} date-selected-current-focus-border-color [color: ('primary', 200)] - The :focus border color of the selected current date.
/// @prop {Map} date-selected-range-foreground [color: ('gray', 800)] - The foreground color of the selected range.
/// @prop {Map} date-selected-current-range-foreground [color: ('gray', 800)] - The foreground color of the current date in the selected range.
/// @prop {Map} date-selected-range-background [color: ('primary', 300, .2)] - The background color of the selected range.
/// @prop {Map} date-selected-range-hover-background [color: ('gray', 900, .05)] - The :hover background color of the selected range.
/// @prop {Map} date-selected-range-focus-background [color: ('gray', 900, .05)] - The :focus background color of the selected range.
/// @prop {Map} date-selected-current-range-background [color: ('primary', 50, .5)] - The background color of the current date in the selected range.
/// @prop {Map} date-selected-current-range-hover-background [color: ('primary', 50)] - The :hover background color of the current date in the selected range.
/// @prop {Map} date-selected-current-range-focus-background [color: ('primary', 50)] - The :focus background color of the current date in the selected range.
/// @prop {Map} date-special-border-color [color: ('primary', 500)] - The outline color around a special date.
/// @prop {Map} date-special-hover-border-color [color: ('primary', 600)] - The :hover outline color around a special date.
/// @prop {Map} date-disabled-foreground [color: ('gray', 600, .38)] - The foreground color of disabled dates.
/// @prop {Map} date-disabled-range-foreground [color: ('gray', 600, .38)] - The foreground color of disabled dates in range selection.
/// @prop {List} inner-size [(rem(24px), rem(28px), rem(32px))] - Small, medium, and large sizes for the inner circle of a selected special dates.
/// @prop {List} week-number-border-radius [(rem(4px), rem(0), rem(4px))] - The border radius used for the week numbers column.
/// @prop {List} date-current-border-radius [(rem(20px), rem(0), rem(20px))] - The border radius used for the current date selection.
/// @prop {List} date-special-border-radius [(rem(20px), rem(0), rem(20px))] - The border radius used for the special date selection.
/// @prop {Map} date-special-range-foreground [color: ('primary', 500)] - The foreground color of a special date in range selection.
/// @prop {Map} typography [weekday-label: (value: 'body-2'), content: (value: 'body-1')] - The typography styles used for the component.
/// @requires $light-days-view
/// @requires $indigo-base
$indigo-days-view: extend(
    $light-days-view,
    $indigo-base,
    (
        date-current-border-radius: (
            border-radius: (
                rem(20px),
                rem(0),
                rem(20px),
            ),
        ),
        date-special-border-radius: (
            border-radius: (
                rem(20px),
                rem(0),
                rem(20px),
            ),
        ),
        inner-size: (
            sizable: (
                rem(24px),
                rem(28px),
                rem(32px),
            ),
        ),
        weekend-color: (
            color: (
                'gray',
                800,
            ),
        ),
        week-number-foreground: (
            color: (
                'gray',
                600,
            ),
        ),
        week-number-background: (
            color: (
                'gray',
                900,
                0.05,
            ),
        ),
        week-number-border-radius: (
            border-radius: (
                rem(4px),
                rem(0),
                rem(4px),
            ),
        ),
        date-hover-background: (
            color: (
                'gray',
                900,
                0.05,
            ),
        ),
        date-focus-background: (
            color: (
                'gray',
                900,
                0.05,
            ),
        ),
        date-current-foreground: (
            color: (
                'gray',
                800,
            ),
        ),
        date-current-background: (
            color: (
                'primary',
                50,
                0.5,
            ),
        ),
        date-current-hover-background: (
            color: (
                'primary',
                50,
            ),
        ),
        date-current-focus-background: (
            color: (
                'primary',
                50,
            ),
        ),
        date-current-border-color: (
            color: (
                'primary',
                100,
            ),
        ),
        date-current-hover-border-color: (
            color: (
                'primary',
                200,
            ),
        ),
        date-current-focus-border-color: (
            color: (
                'primary',
                200,
            ),
        ),
        date-special-foreground: (
            color: (
                'primary',
                500,
            ),
        ),
        date-special-background: transparent,
        date-special-range-foreground: (
            color: (
                'primary',
                500,
            ),
        ),
        date-special-hover-foreground: (
            color: (
                'primary',
                600,
            ),
        ),
        date-special-hover-background: (
            color: (
                'gray',
                900,
                0.05,
            ),
        ),
        date-special-focus-foreground: (
            color: (
                'primary',
                600,
            ),
        ),
        date-special-focus-background: (
            color: (
                'gray',
                900,
                0.05,
            ),
        ),
        date-special-range-hover-background: (
            color: (
                'gray',
                900,
                0.05,
            ),
        ),
        date-special-range-focus-background: (
            color: (
                'gray',
                900,
                0.05,
            ),
        ),
        date-special-border-color: (
            color: (
                'primary',
                500,
            ),
        ),
        date-special-hover-border-color: (
            color: (
                'primary',
                600,
            ),
        ),
        date-special-range-border-color: (
            color: (
                'primary',
                500,
            ),
        ),
        date-selected-foreground: (
            contrast-color: (
                'primary',
                500,
            ),
        ),
        date-selected-background: (
            color: (
                'primary',
                500,
            ),
        ),
        date-selected-hover-foreground: (
            contrast-color: (
                'primary',
                900,
            ),
        ),
        date-selected-hover-background: (
            color: (
                'primary',
                400,
            ),
        ),
        date-selected-focus-foreground: (
            contrast-color: (
                'primary',
                900,
            ),
        ),
        date-selected-focus-background: (
            color: (
                'primary',
                400,
            ),
        ),
        date-selected-current-foreground: (
            contrast-color: (
                'primary',
                500,
            ),
        ),
        date-selected-current-background: (
            color: (
                'primary',
                500,
            ),
        ),
        date-selected-current-hover-foreground: (
            contrast-color: (
                'primary',
                900,
            ),
        ),
        date-selected-current-hover-background: (
            color: (
                'primary',
                400,
            ),
        ),
        date-selected-current-focus-foreground: (
            contrast-color: (
                'primary',
                900,
            ),
        ),
        date-selected-current-focus-background: (
            color: (
                'primary',
                400,
            ),
        ),
        date-selected-current-border-color: (
            color: (
                'primary',
                100,
            ),
        ),
        date-selected-current-hover-border-color: (
            color: (
                'primary',
                200,
            ),
        ),
        date-selected-current-focus-border-color: (
            color: (
                'primary',
                200,
            ),
        ),
        date-selected-special-border-color: (
            contrast-color: (
                'primary',
                900,
                0.8,
            ),
        ),
        date-selected-special-hover-border-color: (
            contrast-color: (
                'primary',
                900,
                0.8,
            ),
        ),
        date-selected-special-focus-border-color: (
            contrast-color: (
                'primary',
                900,
                0.8,
            ),
        ),
        date-selected-current-range-foreground: (
            color: (
                'gray',
                800,
            ),
        ),
        date-selected-range-foreground: (
            color: (
                'gray',
                800,
            ),
        ),
        date-selected-range-background: (
            color: (
                'primary',
                300,
                0.2,
            ),
        ),
        date-selected-range-hover-background: (
            color: (
                'gray',
                900,
                0.05,
            ),
        ),
        date-selected-range-focus-background: (
            color: (
                'gray',
                900,
                0.05,
            ),
        ),
        date-selected-current-range-background: (
            color: (
                'primary',
                50,
                0.5,
            ),
        ),
        date-selected-current-range-hover-background: (
            color: (
                'primary',
                50,
            ),
        ),
        date-selected-current-range-focus-background: (
            color: (
                'primary',
                50,
            ),
        ),
        date-disabled-foreground: (
            color: (
                'gray',
                600,
                0.38,
            ),
        ),
        date-disabled-range-foreground: (
            color: (
                'gray',
                600,
                0.38,
            ),
        ),

        typography: (
            weekday-label: (
                value: 'body-2',
            ),
            content: (
                value: 'body-1',
            ),
        ),

        _meta: (
            theme: 'indigo',
            variant: 'light',
        ),
    )
);