//
// 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.navigation-rail.active-indicator.height (Enabled / Active indicator)
$active-indicator-height: 32px;
/// md.comp.navigation-rail.active-indicator.width (Enabled / Active indicator)
$active-indicator-width: 56px;
/// md.comp.navigation-rail.badge.shape (Enabled / [Deprecated] Badge)
///
/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.*` tokens.
$badge-shape: 3px;
/// md.comp.navigation-rail.badge.size (Enabled / [Deprecated] Badge)
///
/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.*` tokens.
$badge-size: 6px;
/// md.comp.navigation-rail.container.width (Enabled / Container)
$container-width: 80px;
/// md.comp.navigation-rail.icon.size (Enabled / Icon)
$icon-size: 24px;
/// md.comp.navigation-rail.large-badge.shape (Enabled / [Deprecated] Large badge)
///
/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
$large-badge-shape: 8px;
/// md.comp.navigation-rail.large-badge.size (Enabled / [Deprecated] Large badge)
///
/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
$large-badge-size: 16px;
/// md.comp.navigation-rail.menu.icon.size (Enabled / Icon)
///
/// @deprecated Using menu button token instead, this token no longer needed.
$menu-icon-size: 24px;
/// md.comp.navigation-rail.no-label.active-indicator.height (Enabled / Active indicator)
$no-label-active-indicator-height: 56px;
/// md.comp.navigation-rail.active-indicator.color (Enabled / Active indicator)
$active-indicator-color: md-sys-color.$secondary-container;
/// md.comp.navigation-rail.active-indicator.shape (Enabled / Active indicator)
$active-indicator-shape: md-sys-shape.$corner-full;
/// md.comp.navigation-rail.active.focus.icon.color (Focused / Icon)
$active-focus-icon-color: md-sys-color.$on-secondary-container;
/// md.comp.navigation-rail.active.focus.label-text.color (Focused / Label text)
$active-focus-label-text-color: md-sys-color.$on-surface;
/// md.comp.navigation-rail.active.focus.state-layer.color (Focused / State layer)
$active-focus-state-layer-color: md-sys-color.$on-surface;
/// md.comp.navigation-rail.active.hover.icon.color (Hovered / Icon)
$active-hover-icon-color: md-sys-color.$on-secondary-container;
/// md.comp.navigation-rail.active.hover.label-text.color (Hovered / Label text)
$active-hover-label-text-color: md-sys-color.$on-surface;
/// md.comp.navigation-rail.active.hover.state-layer.color (Hovered / State layer)
$active-hover-state-layer-color: md-sys-color.$on-surface;
/// md.comp.navigation-rail.active.icon.color (Enabled / Icon)
$active-icon-color: md-sys-color.$on-secondary-container;
/// md.comp.navigation-rail.active.label-text.color (Enabled / Label text)
$active-label-text-color: md-sys-color.$on-surface;
/// md.comp.navigation-rail.active.label-text.weight (Enabled / Label text)
$active-label-text-weight: md-sys-typescale.$label-medium-weight-prominent;
/// md.comp.navigation-rail.active.pressed.icon.color (Pressed (ripple) / Icon)
$active-pressed-icon-color: md-sys-color.$on-secondary-container;
/// md.comp.navigation-rail.active.pressed.label-text.color (Pressed (ripple) / Label text)
$active-pressed-label-text-color: md-sys-color.$on-surface;
/// md.comp.navigation-rail.active.pressed.state-layer.color (Pressed (ripple) / State layer)
$active-pressed-state-layer-color: md-sys-color.$on-surface;
/// md.comp.navigation-rail.badge.color (Enabled / [Deprecated] Badge)
///
/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.*` tokens.
$badge-color: md-sys-color.$error;
/// md.comp.navigation-rail.container.color (Enabled / Container)
$container-color: md-sys-color.$surface;
/// md.comp.navigation-rail.container.elevation (Enabled / Container)
$container-elevation: md-sys-elevation.$level0;
/// md.comp.navigation-rail.container.shape (Enabled / Container)
$container-shape: md-sys-shape.$corner-none;
/// md.comp.navigation-rail.focus.state-layer.opacity (Focused / State layer)
$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
/// md.comp.navigation-rail.hover.state-layer.opacity (Hovered / State layer)
$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
/// md.comp.navigation-rail.inactive.focus.icon.color (Focused / Icon)
$inactive-focus-icon-color: md-sys-color.$on-surface;
/// md.comp.navigation-rail.inactive.focus.label-text.color (Focused / Label text)
$inactive-focus-label-text-color: md-sys-color.$on-surface;
/// md.comp.navigation-rail.inactive.focus.state-layer.color (Focused / State layer)
$inactive-focus-state-layer-color: md-sys-color.$on-surface;
/// md.comp.navigation-rail.inactive.hover.icon.color (Hovered / Icon)
$inactive-hover-icon-color: md-sys-color.$on-surface;
/// md.comp.navigation-rail.inactive.hover.label-text.color (Hovered / Label text)
$inactive-hover-label-text-color: md-sys-color.$on-surface;
/// md.comp.navigation-rail.inactive.hover.state-layer.color (Hovered / State layer)
$inactive-hover-state-layer-color: md-sys-color.$on-surface;
/// md.comp.navigation-rail.inactive.icon.color (Enabled / Icon)
$inactive-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.navigation-rail.inactive.label-text.color (Enabled / Label text)
$inactive-label-text-color: md-sys-color.$on-surface-variant;
/// md.comp.navigation-rail.inactive.pressed.icon.color (Pressed (ripple) / Icon)
$inactive-pressed-icon-color: md-sys-color.$on-surface;
/// md.comp.navigation-rail.inactive.pressed.label-text.color (Pressed (ripple) / Label text)
$inactive-pressed-label-text-color: md-sys-color.$on-surface;
/// md.comp.navigation-rail.inactive.pressed.state-layer.color (Pressed (ripple) / State layer)
$inactive-pressed-state-layer-color: md-sys-color.$on-surface;
/// md.comp.navigation-rail.label-text.font (Enabled / Label text)
$label-text-font: md-sys-typescale.$label-medium-font;
/// md.comp.navigation-rail.label-text.font-family (Enabled / Label text)
///
/// @deprecated For consistency, we have standardized typography naming. Replace usage with the suggested token.
$label-text-font-family: md-sys-typescale.$label-medium-font;
/// md.comp.navigation-rail.label-text.font-size (Enabled / Label text)
///
/// @deprecated For consistency, we have standardized typography naming. Replace usage with the suggested token.
$label-text-font-size: md-sys-typescale.$label-medium-size;
/// md.comp.navigation-rail.label-text.letter-spacing (Enabled / Label text)
///
/// @deprecated For consistency, we have standardized typography naming. Replace usage with the suggested token.
$label-text-letter-spacing: md-sys-typescale.$label-medium-tracking;
/// md.comp.navigation-rail.label-text.line-height (Enabled / Label text)
$label-text-line-height: md-sys-typescale.$label-medium-line-height;
/// md.comp.navigation-rail.label-text.size (Enabled / Label text)
$label-text-size: md-sys-typescale.$label-medium-size;
/// md.comp.navigation-rail.label-text.tracking (Enabled / Label text)
$label-text-tracking: md-sys-typescale.$label-medium-tracking;
/// md.comp.navigation-rail.label-text.weight (Enabled / Label text)
$label-text-weight: md-sys-typescale.$label-medium-weight;
/// md.comp.navigation-rail.large-badge-label.color (Enabled / [Deprecated] Large badge label)
///
/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
$large-badge-label-color: md-sys-color.$on-error;
/// md.comp.navigation-rail.large-badge-label.font (Enabled / [Deprecated] Large badge label)
///
/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
$large-badge-label-font: md-sys-typescale.$label-small-font;
/// md.comp.navigation-rail.large-badge-label.font-family (Enabled / [Deprecated] Large badge label)
///
/// @deprecated For consistency, we have standardized typography naming. Replace usage with the suggested token.
$large-badge-label-font-family: md-sys-typescale.$label-small-font;
/// md.comp.navigation-rail.large-badge-label.line-height (Enabled / [Deprecated] Large badge label)
///
/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
$large-badge-label-line-height: md-sys-typescale.$label-small-line-height;
/// md.comp.navigation-rail.large-badge-label.size (Enabled / [Deprecated] Large badge label)
///
/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
$large-badge-label-size: md-sys-typescale.$label-small-size;
/// md.comp.navigation-rail.large-badge-label.tracking (Enabled / [Deprecated] Large badge label)
///
/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
$large-badge-label-tracking: md-sys-typescale.$label-small-tracking;
/// md.comp.navigation-rail.large-badge-label.weight (Enabled / [Deprecated] Large badge label)
///
/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
$large-badge-label-weight: md-sys-typescale.$label-small-weight;
/// md.comp.navigation-rail.large-badge.color (Enabled / [Deprecated] Large badge)
///
/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
$large-badge-color: md-sys-color.$error;
/// md.comp.navigation-rail.menu.focus.icon.color (Focused / Icon)
///
/// @deprecated Using menu button token instead, this token no longer needed.
$menu-focus-icon-color: md-sys-color.$on-surface;
/// md.comp.navigation-rail.menu.focus.state-layer.color (Focused / State layer)
///
/// @deprecated Using menu button token instead, this token no longer needed.
$menu-focus-state-layer-color: md-sys-color.$on-surface;
/// md.comp.navigation-rail.menu.focus.state-layer.opacity (Focused / State layer)
///
/// @deprecated Using menu button token instead, this token no longer needed.
$menu-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
/// md.comp.navigation-rail.menu.hover.icon.color (Hovered / Icon)
///
/// @deprecated Using menu button token instead, this token no longer needed.
$menu-hover-icon-color: md-sys-color.$on-surface;
/// md.comp.navigation-rail.menu.hover.state-layer.color (Hovered / State layer)
///
/// @deprecated Using menu button token instead, this token no longer needed.
$menu-hover-state-layer-color: md-sys-color.$on-surface;
/// md.comp.navigation-rail.menu.hover.state-layer.opacity (Hovered / State layer)
///
/// @deprecated Using menu button token instead, this token no longer needed.
$menu-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
/// md.comp.navigation-rail.menu.icon.color (Enabled / Icon)
///
/// @deprecated Using menu button token instead, this token no longer needed.
$menu-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.navigation-rail.menu.pressed.icon.color (Pressed (ripple) / Icon)
///
/// @deprecated Using menu button token instead, this token no longer needed.
$menu-pressed-icon-color: md-sys-color.$on-surface;
/// md.comp.navigation-rail.menu.pressed.state-layer.color (Pressed (ripple) / State layer)
///
/// @deprecated Using menu button token instead, this token no longer needed.
$menu-pressed-state-layer-color: md-sys-color.$on-surface;
/// md.comp.navigation-rail.menu.pressed.state-layer.opacity (Pressed (ripple) / State layer)
///
/// @deprecated Using menu button token instead, this token no longer needed.
$menu-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
/// md.comp.navigation-rail.no-label.active-indicator.shape (Enabled / Active indicator)
$no-label-active-indicator-shape: md-sys-shape.$corner-full;
/// md.comp.navigation-rail.pressed.state-layer.opacity (Pressed (ripple) / State layer)
$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
/// md.comp.navigation-rail.label-text.type (Enabled / Label text)
@mixin label-text-type {
  font-family: $label-text-font;
  font-size: $label-text-size;
  font-weight: $label-text-weight;
  letter-spacing: $label-text-tracking;
  line-height: $label-text-line-height;
}
/// md.comp.navigation-rail.large-badge-label.type (Enabled / [Deprecated] Large badge label)
///
/// @deprecated Badge values were refactored out into their own token set. Replace usage with the equivalent `md.comp.badge.large.*` tokens.
@mixin large-badge-label-type {
  font-family: $large-badge-label-font;
  font-size: $large-badge-label-size;
  font-weight: $large-badge-label-weight;
  letter-spacing: $large-badge-label-tracking;
  line-height: $large-badge-label-line-height;
}