//
// 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-state-focus-indicator';
@use 'md-sys-typescale';

/// md.comp.time-input.period-selector.container.height (Enabled / Container)
$period-selector-container-height: 72px;
/// md.comp.time-input.period-selector.container.width (Enabled / Container)
$period-selector-container-width: 52px;
/// md.comp.time-input.period-selector.outline.width (Enabled / Container)
$period-selector-outline-width: 1px;
/// md.comp.time-input.time-input-field.container.height (Enabled / Container)
$time-input-field-container-height: 72px;
/// md.comp.time-input.time-input-field.container.width (Enabled / Container)
$time-input-field-container-width: 96px;
/// md.comp.time-input.time-input-field.focus.outline.width (Focused / Container)
$time-input-field-focus-outline-width: 2px;
/// md.comp.time-input.container.color (Enabled / Container)
$container-color: md-sys-color.$surface-container-high;
/// md.comp.time-input.container.elevation (Enabled / Container)
$container-elevation: md-sys-elevation.$level3;
/// md.comp.time-input.container.shape (Enabled / Container)
$container-shape: md-sys-shape.$corner-extra-large;
/// md.comp.time-input.focus.indicator.color (Focused / Focus indicator)
$focus-indicator-color: md-sys-color.$secondary;
/// md.comp.time-input.focus.indicator.outline.offset (Focused / Focus indicator)
$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
/// md.comp.time-input.focus.indicator.thickness (Focused / Focus indicator)
$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
/// md.comp.time-input.headline.color (Enabled / Headline)
$headline-color: md-sys-color.$on-surface-variant;
/// md.comp.time-input.headline.font (Enabled / Headline)
$headline-font: md-sys-typescale.$label-medium-font;
/// md.comp.time-input.headline.line-height (Enabled / Headline)
$headline-line-height: md-sys-typescale.$label-medium-line-height;
/// md.comp.time-input.headline.size (Enabled / Headline)
$headline-size: md-sys-typescale.$label-medium-size;
/// md.comp.time-input.headline.tracking (Enabled / Headline)
$headline-tracking: md-sys-typescale.$label-medium-tracking;
/// md.comp.time-input.headline.weight (Enabled / Headline)
$headline-weight: md-sys-typescale.$label-medium-weight;
/// md.comp.time-input.period-selector.container.shape (Enabled / Container)
$period-selector-container-shape: md-sys-shape.$corner-small;
/// md.comp.time-input.period-selector.focus.state-layer.opacity (Focused / State layer)
$period-selector-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
/// md.comp.time-input.period-selector.hover.state-layer.opacity (Hovered / State layer)
$period-selector-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
/// md.comp.time-input.period-selector.label-text.font (Enabled / Label text)
$period-selector-label-text-font: md-sys-typescale.$title-medium-font;
/// md.comp.time-input.period-selector.label-text.line-height (Enabled / Label text)
$period-selector-label-text-line-height: md-sys-typescale.$title-medium-line-height;
/// md.comp.time-input.period-selector.label-text.size (Enabled / Label text)
$period-selector-label-text-size: md-sys-typescale.$title-medium-size;
/// md.comp.time-input.period-selector.label-text.tracking (Enabled / Label text)
$period-selector-label-text-tracking: md-sys-typescale.$title-medium-tracking;
/// md.comp.time-input.period-selector.label-text.weight (Enabled / Label text)
$period-selector-label-text-weight: md-sys-typescale.$title-medium-weight;
/// md.comp.time-input.period-selector.outline.color (Enabled / Container)
$period-selector-outline-color: md-sys-color.$outline;
/// md.comp.time-input.period-selector.pressed.state-layer.opacity (Pressed (ripple) / State layer)
$period-selector-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
/// md.comp.time-input.period-selector.selected.container.color (Enabled / Container)
$period-selector-selected-container-color: md-sys-color.$tertiary-container;
/// md.comp.time-input.period-selector.selected.focus.label-text.color (Focused / Label text)
$period-selector-selected-focus-label-text-color: md-sys-color.$on-tertiary-container;
/// md.comp.time-input.period-selector.selected.focus.state-layer.color (Focused / State layer)
$period-selector-selected-focus-state-layer-color: md-sys-color.$on-tertiary-container;
/// md.comp.time-input.period-selector.selected.hover.label-text.color (Hovered / Label text)
$period-selector-selected-hover-label-text-color: md-sys-color.$on-tertiary-container;
/// md.comp.time-input.period-selector.selected.hover.state-layer.color (Hovered / State layer)
$period-selector-selected-hover-state-layer-color: md-sys-color.$on-tertiary-container;
/// md.comp.time-input.period-selector.selected.label-text.color (Enabled / Label text)
$period-selector-selected-label-text-color: md-sys-color.$on-tertiary-container;
/// md.comp.time-input.period-selector.selected.pressed.label-text.color (Pressed (ripple) / Label text)
$period-selector-selected-pressed-label-text-color: md-sys-color.$on-tertiary-container;
/// md.comp.time-input.period-selector.selected.pressed.state-layer.color (Pressed (ripple) / State layer)
$period-selector-selected-pressed-state-layer-color: md-sys-color.$on-tertiary-container;
/// md.comp.time-input.period-selector.unselected.focus.label-text.color (Focused / Label text)
$period-selector-unselected-focus-label-text-color: md-sys-color.$on-surface-variant;
/// md.comp.time-input.period-selector.unselected.focus.state-layer.color (Focused / State layer)
$period-selector-unselected-focus-state-layer-color: md-sys-color.$on-surface-variant;
/// md.comp.time-input.period-selector.unselected.hover.label-text.color (Hovered / Label text)
$period-selector-unselected-hover-label-text-color: md-sys-color.$on-surface-variant;
/// md.comp.time-input.period-selector.unselected.hover.state-layer.color (Hovered / State layer)
$period-selector-unselected-hover-state-layer-color: md-sys-color.$on-surface-variant;
/// md.comp.time-input.period-selector.unselected.label-text.color (Enabled / Label text)
$period-selector-unselected-label-text-color: md-sys-color.$on-surface-variant;
/// md.comp.time-input.period-selector.unselected.pressed.label-text.color (Pressed (ripple) / Label text)
$period-selector-unselected-pressed-label-text-color: md-sys-color.$on-surface-variant;
/// md.comp.time-input.period-selector.unselected.pressed.state-layer.color (Pressed (ripple) / State layer)
$period-selector-unselected-pressed-state-layer-color: md-sys-color.$on-surface-variant;
/// md.comp.time-input.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.
$surface-tint-layer-color: md-sys-color.$surface-tint;
/// md.comp.time-input.time-input-field.container.color (Enabled / Container)
$time-input-field-container-color: md-sys-color.$surface-container-highest;
/// md.comp.time-input.time-input-field.container.shape (Enabled / Container)
$time-input-field-container-shape: md-sys-shape.$corner-small;
/// md.comp.time-input.time-input-field.focus.container.color (Focused / Container)
$time-input-field-focus-container-color: md-sys-color.$primary-container;
/// md.comp.time-input.time-input-field.focus.label-text.color (Focused / Label text)
$time-input-field-focus-label-text-color: md-sys-color.$on-primary-container;
/// md.comp.time-input.time-input-field.focus.outline.color (Focused / Container)
$time-input-field-focus-outline-color: md-sys-color.$primary;
/// md.comp.time-input.time-input-field.hover.label-text.color (Hovered / Label text)
$time-input-field-hover-label-text-color: md-sys-color.$on-surface;
/// md.comp.time-input.time-input-field.hover.state-layer.color (Hovered / State layer)
$time-input-field-hover-state-layer-color: md-sys-color.$on-surface;
/// md.comp.time-input.time-input-field.hover.state-layer.opacity (Hovered / State layer)
$time-input-field-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
/// md.comp.time-input.time-input-field.label-text.color (Enabled / Label text)
$time-input-field-label-text-color: md-sys-color.$on-surface;
/// md.comp.time-input.time-input-field.label-text.font (Enabled / Label text)
$time-input-field-label-text-font: md-sys-typescale.$display-medium-font;
/// md.comp.time-input.time-input-field.label-text.line-height (Enabled / Label text)
$time-input-field-label-text-line-height: md-sys-typescale.$display-medium-line-height;
/// md.comp.time-input.time-input-field.label-text.size (Enabled / Label text)
$time-input-field-label-text-size: md-sys-typescale.$display-medium-size;
/// md.comp.time-input.time-input-field.label-text.tracking (Enabled / Label text)
$time-input-field-label-text-tracking: md-sys-typescale.$display-medium-tracking;
/// md.comp.time-input.time-input-field.label-text.weight (Enabled / Label text)
$time-input-field-label-text-weight: md-sys-typescale.$display-medium-weight;
/// md.comp.time-input.time-input-field.separator.color (Enabled / Separator)
$time-input-field-separator-color: md-sys-color.$on-surface;
/// md.comp.time-input.time-input-field.separator.font (Enabled / Separator)
$time-input-field-separator-font: md-sys-typescale.$display-large-font;
/// md.comp.time-input.time-input-field.separator.line-height (Enabled / Separator)
$time-input-field-separator-line-height: md-sys-typescale.$display-large-line-height;
/// md.comp.time-input.time-input-field.separator.size (Enabled / Separator)
$time-input-field-separator-size: md-sys-typescale.$display-large-size;
/// md.comp.time-input.time-input-field.separator.tracking (Enabled / Separator)
$time-input-field-separator-tracking: md-sys-typescale.$display-large-tracking;
/// md.comp.time-input.time-input-field.separator.weight (Enabled / Separator)
$time-input-field-separator-weight: md-sys-typescale.$display-large-weight;
/// md.comp.time-input.time-input-field.supporting-text.color (Enabled / Supporting text)
$time-input-field-supporting-text-color: md-sys-color.$on-surface-variant;
/// md.comp.time-input.time-input-field.supporting-text.font (Enabled / Supporting text)
$time-input-field-supporting-text-font: md-sys-typescale.$body-small-font;
/// md.comp.time-input.time-input-field.supporting-text.line-height (Enabled / Supporting text)
$time-input-field-supporting-text-line-height: md-sys-typescale.$body-small-line-height;
/// md.comp.time-input.time-input-field.supporting-text.size (Enabled / Supporting text)
$time-input-field-supporting-text-size: md-sys-typescale.$body-small-size;
/// md.comp.time-input.time-input-field.supporting-text.tracking (Enabled / Supporting text)
$time-input-field-supporting-text-tracking: md-sys-typescale.$body-small-tracking;
/// md.comp.time-input.time-input-field.supporting-text.weight (Enabled / Supporting text)
$time-input-field-supporting-text-weight: md-sys-typescale.$body-small-weight;
/// md.comp.time-input.headline.type (Enabled / Headline)
@mixin headline-type {
  font-family: $headline-font;
  font-size: $headline-size;
  font-weight: $headline-weight;
  letter-spacing: $headline-tracking;
  line-height: $headline-line-height;
}
/// md.comp.time-input.period-selector.label-text.type (Enabled / Label text)
@mixin period-selector-label-text-type {
  font-family: $period-selector-label-text-font;
  font-size: $period-selector-label-text-size;
  font-weight: $period-selector-label-text-weight;
  letter-spacing: $period-selector-label-text-tracking;
  line-height: $period-selector-label-text-line-height;
}
/// md.comp.time-input.time-input-field.label-text.type (Enabled / Label text)
@mixin time-input-field-label-text-type {
  font-family: $time-input-field-label-text-font;
  font-size: $time-input-field-label-text-size;
  font-weight: $time-input-field-label-text-weight;
  letter-spacing: $time-input-field-label-text-tracking;
  line-height: $time-input-field-label-text-line-height;
}
/// md.comp.time-input.time-input-field.separator.type (Enabled / Separator)
@mixin time-input-field-separator-type {
  font-family: $time-input-field-separator-font;
  font-size: $time-input-field-separator-size;
  font-weight: $time-input-field-separator-weight;
  letter-spacing: $time-input-field-separator-tracking;
  line-height: $time-input-field-separator-line-height;
}
/// md.comp.time-input.time-input-field.supporting-text.type (Enabled / Supporting text)
@mixin time-input-field-supporting-text-type {
  font-family: $time-input-field-supporting-text-font;
  font-size: $time-input-field-supporting-text-size;
  font-weight: $time-input-field-supporting-text-weight;
  letter-spacing: $time-input-field-supporting-text-tracking;
  line-height: $time-input-field-supporting-text-line-height;
}