//
// Copyright 2026 Google LLC
// SPDX-License-Identifier: Apache-2.0
//
// AUTOGENERATED. DO NOT MODIFY.
// To modify this file, update the source template,
// or run the compiler: go/carbon-service-code-gen-mwtc.
// Source template: formats/sassvars/contextualtokenset.scss.tmpl

// Design system: Google Material 3
// Version: 34.0.21
// Configured context tags:
//   audience: 3p
//   font: static
//   platform: web
// Output format: sass_vars

@use 'md-sys-color';
@use 'md-sys-elevation';
@use 'md-sys-shape';
@use 'md-sys-state';
@use 'md-sys-typescale';

/// md.comp.date-picker.modal.container.height (Enabled / Container)
$container-height: 524px;
/// md.comp.date-picker.modal.container.width (Enabled / Container)
$container-width: 360px;
/// md.comp.date-picker.modal.date.container.height (Enabled / Container)
$date-container-height: 40px;
/// md.comp.date-picker.modal.date.container.width (Enabled / Container)
$date-container-width: 40px;
/// md.comp.date-picker.modal.date.state-layer.height (Enabled / State layer)
$date-state-layer-height: 40px;
/// md.comp.date-picker.modal.date.state-layer.width (Enabled / State layer)
$date-state-layer-width: 40px;
/// md.comp.date-picker.modal.date.today.container.outline.width (Enabled / Container)
$date-today-container-outline-width: 1px;
/// md.comp.date-picker.modal.header.container.height (Enabled / Container)
$header-container-height: 120px;
/// md.comp.date-picker.modal.header.container.width (Enabled / Container)
$header-container-width: 360px;
/// md.comp.date-picker.modal.range-selection.active-indicator.container.height (Enabled / Container)
$range-selection-active-indicator-container-height: 40px;
/// md.comp.date-picker.modal.range-selection.header.container.height (Enabled / Container)
$range-selection-header-container-height: 128px;
/// md.comp.date-picker.modal.year-selection.year.container.height (Enabled / Container)
$year-selection-year-container-height: 36px;
/// md.comp.date-picker.modal.year-selection.year.container.width (Enabled / Container)
$year-selection-year-container-width: 72px;
/// md.comp.date-picker.modal.year-selection.year.state-layer.height (Enabled / State layer)
$year-selection-year-state-layer-height: 36px;
/// md.comp.date-picker.modal.year-selection.year.state-layer.width (Enabled / State layer)
$year-selection-year-state-layer-width: 72px;
/// md.comp.date-picker.modal.container.color (Enabled / Container)
$container-color: md-sys-color.$surface-container-high;
/// md.comp.date-picker.modal.container.elevation (Enabled / Container)
$container-elevation: md-sys-elevation.$level3;
/// md.comp.date-picker.modal.container.shape (Enabled / Container)
$container-shape: md-sys-shape.$corner-extra-large;
/// md.comp.date-picker.modal.container.surface-tint-layer.color (Enabled / Container)
///
/// @deprecated Deprecated as part of the update from opacity based surfaces to tonal surfaces. Surfaces no longer use surface-tint layers for tinting, please use the desired surface role directly as the container color.
$container-surface-tint-layer-color: md-sys-color.$surface-tint;
/// md.comp.date-picker.modal.date.container.shape (Enabled / Container)
$date-container-shape: md-sys-shape.$corner-full;
/// md.comp.date-picker.modal.date.focus.state-layer.opacity (Focused / State layer)
$date-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
/// md.comp.date-picker.modal.date.hover.state-layer.opacity (Hovered / State layer)
$date-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
/// md.comp.date-picker.modal.date.label-text.font (Enabled / Label text)
$date-label-text-font: md-sys-typescale.$body-large-font;
/// md.comp.date-picker.modal.date.label-text.line-height (Enabled / Label text)
$date-label-text-line-height: md-sys-typescale.$body-large-line-height;
/// md.comp.date-picker.modal.date.label-text.size (Enabled / Label text)
$date-label-text-size: md-sys-typescale.$body-large-size;
/// md.comp.date-picker.modal.date.label-text.tracking (Enabled / Label text)
$date-label-text-tracking: md-sys-typescale.$body-large-tracking;
/// md.comp.date-picker.modal.date.label-text.weight (Enabled / Label text)
$date-label-text-weight: md-sys-typescale.$body-large-weight;
/// md.comp.date-picker.modal.date.pressed.state-layer.opacity (Pressed (ripple) / State layer)
$date-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
/// md.comp.date-picker.modal.date.selected.container.color (Enabled / Container)
$date-selected-container-color: md-sys-color.$primary;
/// md.comp.date-picker.modal.date.selected.focus.state-layer.color (Focused / State layer)
$date-selected-focus-state-layer-color: md-sys-color.$on-primary;
/// md.comp.date-picker.modal.date.selected.hover.state-layer.color (Hovered / State layer)
$date-selected-hover-state-layer-color: md-sys-color.$on-primary;
/// md.comp.date-picker.modal.date.selected.label-text.color (Enabled / Label text)
$date-selected-label-text-color: md-sys-color.$on-primary;
/// md.comp.date-picker.modal.date.selected.pressed.state-layer.color (Pressed (ripple) / State layer)
$date-selected-pressed-state-layer-color: md-sys-color.$on-primary;
/// md.comp.date-picker.modal.date.state-layer.shape (Enabled / State layer)
$date-state-layer-shape: md-sys-shape.$corner-full;
/// md.comp.date-picker.modal.date.today.container.outline.color (Enabled / Container)
$date-today-container-outline-color: md-sys-color.$primary;
/// md.comp.date-picker.modal.date.today.focus.state-layer.color (Focused / State layer)
$date-today-focus-state-layer-color: md-sys-color.$primary;
/// md.comp.date-picker.modal.date.today.hover.state-layer.color (Hovered / State layer)
$date-today-hover-state-layer-color: md-sys-color.$primary;
/// md.comp.date-picker.modal.date.today.label-text.color (Enabled / Label text)
$date-today-label-text-color: md-sys-color.$primary;
/// md.comp.date-picker.modal.date.today.pressed.state-layer.color (Pressed (ripple) / State layer)
$date-today-pressed-state-layer-color: md-sys-color.$primary;
/// md.comp.date-picker.modal.date.unselected.focus.state-layer.color (Focused / State layer)
$date-unselected-focus-state-layer-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.modal.date.unselected.hover.state-layer.color (Hovered / State layer)
$date-unselected-hover-state-layer-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.modal.date.unselected.label-text.color (Enabled / Label text)
$date-unselected-label-text-color: md-sys-color.$on-surface;
/// md.comp.date-picker.modal.date.unselected.pressed.state-layer.color (Pressed (ripple) / State layer)
$date-unselected-pressed-state-layer-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.modal.header.headline.color (Enabled / Headline)
$header-headline-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.modal.header.headline.font (Enabled / Headline)
$header-headline-font: md-sys-typescale.$headline-large-font;
/// md.comp.date-picker.modal.header.headline.line-height (Enabled / Headline)
$header-headline-line-height: md-sys-typescale.$headline-large-line-height;
/// md.comp.date-picker.modal.header.headline.size (Enabled / Headline)
$header-headline-size: md-sys-typescale.$headline-large-size;
/// md.comp.date-picker.modal.header.headline.tracking (Enabled / Headline)
$header-headline-tracking: md-sys-typescale.$headline-large-tracking;
/// md.comp.date-picker.modal.header.headline.weight (Enabled / Headline)
$header-headline-weight: md-sys-typescale.$headline-large-weight;
/// md.comp.date-picker.modal.header.supporting-text.color (Enabled / Header)
$header-supporting-text-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.modal.header.supporting-text.font (Enabled / Header)
$header-supporting-text-font: md-sys-typescale.$label-large-font;
/// md.comp.date-picker.modal.header.supporting-text.line-height (Enabled / Header)
$header-supporting-text-line-height: md-sys-typescale.$label-large-line-height;
/// md.comp.date-picker.modal.header.supporting-text.size (Enabled / Header)
$header-supporting-text-size: md-sys-typescale.$label-large-size;
/// md.comp.date-picker.modal.header.supporting-text.tracking (Enabled / Header)
$header-supporting-text-tracking: md-sys-typescale.$label-large-tracking;
/// md.comp.date-picker.modal.header.supporting-text.weight (Enabled / Header)
$header-supporting-text-weight: md-sys-typescale.$label-large-weight;
/// md.comp.date-picker.modal.range-selection.active-indicator.container.color (Enabled / Container)
$range-selection-active-indicator-container-color: md-sys-color.$secondary-container;
/// md.comp.date-picker.modal.range-selection.active-indicator.container.shape (Enabled / Container)
$range-selection-active-indicator-container-shape: md-sys-shape.$corner-full;
/// md.comp.date-picker.modal.range-selection.container.elevation (Enabled / Container)
$range-selection-container-elevation: md-sys-elevation.$level0;
/// md.comp.date-picker.modal.range-selection.container.shape (Enabled / Container)
$range-selection-container-shape: md-sys-shape.$corner-none;
/// md.comp.date-picker.modal.range-selection.date.in-range.focus.state-layer.color (Focused / State layer)
$range-selection-date-in-range-focus-state-layer-color: md-sys-color.$on-primary-container;
/// md.comp.date-picker.modal.range-selection.date.in-range.focus.state-layer.opacity (Focused / State layer)
$range-selection-date-in-range-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
/// md.comp.date-picker.modal.range-selection.date.in-range.focus.state-layer.opcaity (Focused / State layer)
///
/// @deprecated Fixed spelling (was ".opcaity" should be ".opacity")
$range-selection-date-in-range-focus-state-layer-opcaity: md-sys-state.$focus-state-layer-opacity;
/// md.comp.date-picker.modal.range-selection.date.in-range.hover.state-layer.color (Hovered / State layer)
$range-selection-date-in-range-hover-state-layer-color: md-sys-color.$on-primary-container;
/// md.comp.date-picker.modal.range-selection.date.in-range.hover.state-layer.opacity (Hovered / State layer)
$range-selection-date-in-range-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
/// md.comp.date-picker.modal.range-selection.date.in-range.hover.state-layer.opcaity (Hovered / State layer)
///
/// @deprecated Fixed spelling (was ".opcaity" should be ".opacity")
$range-selection-date-in-range-hover-state-layer-opcaity: md-sys-state.$hover-state-layer-opacity;
/// md.comp.date-picker.modal.range-selection.date.in-range.label-text.color (Enabled / Label text)
$range-selection-date-in-range-label-text-color: md-sys-color.$on-secondary-container;
/// md.comp.date-picker.modal.range-selection.date.in-range.pressed.state-layer.color (Pressed (ripple) / State layer)
$range-selection-date-in-range-pressed-state-layer-color: md-sys-color.$on-primary-container;
/// md.comp.date-picker.modal.range-selection.date.in-range.pressed.state-layer.opacity (Pressed (ripple) / State layer)
$range-selection-date-in-range-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
/// md.comp.date-picker.modal.range-selection.date.in-range.pressed.state-layer.opcaity (Pressed (ripple) / State layer)
///
/// @deprecated Fixed spelling (was ".opcaity" should be ".opacity")
$range-selection-date-in-range-pressed-state-layer-opcaity: md-sys-state.$pressed-state-layer-opacity;
/// md.comp.date-picker.modal.range-selection.header.headline.font (Enabled / Headline)
$range-selection-header-headline-font: md-sys-typescale.$title-large-font;
/// md.comp.date-picker.modal.range-selection.header.headline.line-height (Enabled / Headline)
$range-selection-header-headline-line-height: md-sys-typescale.$title-large-line-height;
/// md.comp.date-picker.modal.range-selection.header.headline.size (Enabled / Headline)
$range-selection-header-headline-size: md-sys-typescale.$title-large-size;
/// md.comp.date-picker.modal.range-selection.header.headline.tracking (Enabled / Headline)
$range-selection-header-headline-tracking: md-sys-typescale.$title-large-tracking;
/// md.comp.date-picker.modal.range-selection.header.headline.weight (Enabled / Headline)
$range-selection-header-headline-weight: md-sys-typescale.$title-large-weight;
/// md.comp.date-picker.modal.range-selection.month.subhead.color (Enabled / Subhead)
$range-selection-month-subhead-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.modal.range-selection.month.subhead.font (Enabled / Subhead)
$range-selection-month-subhead-font: md-sys-typescale.$title-small-font;
/// md.comp.date-picker.modal.range-selection.month.subhead.line-height (Enabled / Subhead)
$range-selection-month-subhead-line-height: md-sys-typescale.$title-small-line-height;
/// md.comp.date-picker.modal.range-selection.month.subhead.size (Enabled / Subhead)
$range-selection-month-subhead-size: md-sys-typescale.$title-small-size;
/// md.comp.date-picker.modal.range-selection.month.subhead.tracking (Enabled / Subhead)
$range-selection-month-subhead-tracking: md-sys-typescale.$title-small-tracking;
/// md.comp.date-picker.modal.range-selection.month.subhead.weight (Enabled / Subhead)
$range-selection-month-subhead-weight: md-sys-typescale.$title-small-weight;
/// md.comp.date-picker.modal.weekdays.label-text.color (Enabled / Label text)
$weekdays-label-text-color: md-sys-color.$on-surface;
/// md.comp.date-picker.modal.weekdays.label-text.font (Enabled / Label text)
$weekdays-label-text-font: md-sys-typescale.$body-large-font;
/// md.comp.date-picker.modal.weekdays.label-text.line-height (Enabled / Label text)
$weekdays-label-text-line-height: md-sys-typescale.$body-large-line-height;
/// md.comp.date-picker.modal.weekdays.label-text.size (Enabled / Label text)
$weekdays-label-text-size: md-sys-typescale.$body-large-size;
/// md.comp.date-picker.modal.weekdays.label-text.tracking (Enabled / Label text)
$weekdays-label-text-tracking: md-sys-typescale.$body-large-tracking;
/// md.comp.date-picker.modal.weekdays.label-text.weight (Enabled / Label text)
$weekdays-label-text-weight: md-sys-typescale.$body-large-weight;
/// md.comp.date-picker.modal.year-selection.year.focus.state-layer.opacity (Focused / State layer)
$year-selection-year-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
/// md.comp.date-picker.modal.year-selection.year.hover.state-layer.opacity (Hovered / State layer)
$year-selection-year-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
/// md.comp.date-picker.modal.year-selection.year.label-text.font (Enabled / Label text)
$year-selection-year-label-text-font: md-sys-typescale.$body-large-font;
/// md.comp.date-picker.modal.year-selection.year.label-text.line-height (Enabled / Label text)
$year-selection-year-label-text-line-height: md-sys-typescale.$body-large-line-height;
/// md.comp.date-picker.modal.year-selection.year.label-text.size (Enabled / Label text)
$year-selection-year-label-text-size: md-sys-typescale.$body-large-size;
/// md.comp.date-picker.modal.year-selection.year.label-text.tracking (Enabled / Label text)
$year-selection-year-label-text-tracking: md-sys-typescale.$body-large-tracking;
/// md.comp.date-picker.modal.year-selection.year.label-text.weight (Enabled / Label text)
$year-selection-year-label-text-weight: md-sys-typescale.$body-large-weight;
/// md.comp.date-picker.modal.year-selection.year.pressed.state-layer.opacity (Pressed (ripple) / State layer)
$year-selection-year-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
/// md.comp.date-picker.modal.year-selection.year.selected.container.color (Enabled / Container)
$year-selection-year-selected-container-color: md-sys-color.$primary;
/// md.comp.date-picker.modal.year-selection.year.selected.focus.state-layer.color (Focused / State layer)
$year-selection-year-selected-focus-state-layer-color: md-sys-color.$on-primary;
/// md.comp.date-picker.modal.year-selection.year.selected.hover.state-layer.color (Hovered / State layer)
$year-selection-year-selected-hover-state-layer-color: md-sys-color.$on-primary;
/// md.comp.date-picker.modal.year-selection.year.selected.label-text.color (Enabled / Label text)
$year-selection-year-selected-label-text-color: md-sys-color.$on-primary;
/// md.comp.date-picker.modal.year-selection.year.selected.pressed.state-layer.color (Pressed (ripple) / State layer)
$year-selection-year-selected-pressed-state-layer-color: md-sys-color.$on-primary;
/// md.comp.date-picker.modal.year-selection.year.state-layer.shape (Enabled / State layer)
$year-selection-year-state-layer-shape: md-sys-shape.$corner-full;
/// md.comp.date-picker.modal.year-selection.year.unselected.focus.state-layer.color (Focused / State layer)
$year-selection-year-unselected-focus-state-layer-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.modal.year-selection.year.unselected.hover.state-layer.color (Hovered / State layer)
$year-selection-year-unselected-hover-state-layer-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.modal.year-selection.year.unselected.label-text.color (Enabled / Label text)
$year-selection-year-unselected-label-text-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.modal.year-selection.year.unselected.pressed.state-layer.color (Pressed (ripple) / State layer)
$year-selection-year-unselected-pressed-state-layer-color: md-sys-color.$on-surface-variant;
/// md.comp.date-picker.modal.date.label-text.type (Enabled / Label text)
@mixin date-label-text-type {
  font-family: $date-label-text-font;
  font-size: $date-label-text-size;
  font-weight: $date-label-text-weight;
  letter-spacing: $date-label-text-tracking;
  line-height: $date-label-text-line-height;
}
/// md.comp.date-picker.modal.header.headline.type (Enabled / Headline)
@mixin header-headline-type {
  font-family: $header-headline-font;
  font-size: $header-headline-size;
  font-weight: $header-headline-weight;
  letter-spacing: $header-headline-tracking;
  line-height: $header-headline-line-height;
}
/// md.comp.date-picker.modal.header.supporting-text.type (Enabled / Supporting text)
@mixin header-supporting-text-type {
  font-family: $header-supporting-text-font;
  font-size: $header-supporting-text-size;
  font-weight: $header-supporting-text-weight;
  letter-spacing: $header-supporting-text-tracking;
  line-height: $header-supporting-text-line-height;
}
/// md.comp.date-picker.modal.range-selection.header.headline.type (Enabled / Headline)
@mixin range-selection-header-headline-type {
  font-family: $range-selection-header-headline-font;
  font-size: $range-selection-header-headline-size;
  font-weight: $range-selection-header-headline-weight;
  letter-spacing: $range-selection-header-headline-tracking;
  line-height: $range-selection-header-headline-line-height;
}
/// md.comp.date-picker.modal.range-selection.month.subhead.type (Enabled / Subhead)
@mixin range-selection-month-subhead-type {
  font-family: $range-selection-month-subhead-font;
  font-size: $range-selection-month-subhead-size;
  font-weight: $range-selection-month-subhead-weight;
  letter-spacing: $range-selection-month-subhead-tracking;
  line-height: $range-selection-month-subhead-line-height;
}
/// md.comp.date-picker.modal.weekdays.label-text.type (Enabled / Label text)
@mixin weekdays-label-text-type {
  font-family: $weekdays-label-text-font;
  font-size: $weekdays-label-text-size;
  font-weight: $weekdays-label-text-weight;
  letter-spacing: $weekdays-label-text-tracking;
  line-height: $weekdays-label-text-line-height;
}
/// md.comp.date-picker.modal.year-selection.year.label-text.type (Enabled / Label text)
@mixin year-selection-year-label-text-type {
  font-family: $year-selection-year-label-text-font;
  font-size: $year-selection-year-label-text-size;
  font-weight: $year-selection-year-label-text-weight;
  letter-spacing: $year-selection-year-label-text-tracking;
  line-height: $year-selection-year-label-text-line-height;
}