//
// 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';

/// md.comp.nav-bar.container.height (Container)
$container-height: 64px;
/// md.comp.nav-bar.item.active-indicator.icon-label-space (Nav item)
$item-active-indicator-icon-label-space: 4px;
/// md.comp.nav-bar.item.between-space (Nav item)
$item-between-space: 0px;
/// md.comp.nav-bar.item.icon.size (Nav item)
$item-icon-size: 24px;
/// md.comp.nav-bar.container.color (Color / Enabled)
$container-color: md-sys-color.$surface-container;
/// md.comp.nav-bar.container.elevation (Color / Enabled)
$container-elevation: md-sys-elevation.$level2;
/// md.comp.nav-bar.container.shadow-color (Color / Enabled)
$container-shadow-color: md-sys-color.$shadow;
/// md.comp.nav-bar.container.shape (Container)
$container-shape: md-sys-shape.$corner-none;
/// md.comp.nav-bar.item.active-indicator.shape (Nav item)
$item-active-indicator-shape: md-sys-shape.$corner-full;
/// md.comp.nav-bar.item.active.focused.state-layer.color (Color / Focused)
$item-active-focused-state-layer-color: md-sys-color.$on-secondary-container;
/// md.comp.nav-bar.item.active.focused.state-layer.opacity (Color / Focused)
$item-active-focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
/// md.comp.nav-bar.item.active.hovered.state-layer.color (Color / Hovered)
$item-active-hovered-state-layer-color: md-sys-color.$on-secondary-container;
/// md.comp.nav-bar.item.active.hovered.state-layer.opacity (Color / Hovered)
$item-active-hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
/// md.comp.nav-bar.item.active.icon.color (Color / Enabled)
$item-active-icon-color: md-sys-color.$on-secondary-container;
/// md.comp.nav-bar.item.active.indicator.color (Color / Enabled)
$item-active-indicator-color: md-sys-color.$secondary-container;
/// md.comp.nav-bar.item.active.label-text.color (Color / Enabled)
$item-active-label-text-color: md-sys-color.$secondary;
/// md.comp.nav-bar.item.active.pressed.state-layer.color (Color / Pressed)
$item-active-pressed-state-layer-color: md-sys-color.$on-secondary-container;
/// md.comp.nav-bar.item.active.pressed.state-layer.opacity (Color / Pressed)
$item-active-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
/// md.comp.nav-bar.item.inactive.focused.state-layer.color (Color / Focused)
$item-inactive-focused-state-layer-color: md-sys-color.$on-secondary-container;
/// md.comp.nav-bar.item.inactive.hovered.state-layer.color (Color / Hovered)
$item-inactive-hovered-state-layer-color: md-sys-color.$on-secondary-container;
/// md.comp.nav-bar.item.inactive.icon.color (Color / Enabled)
$item-inactive-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.nav-bar.item.inactive.label-text.color (Color / Enabled)
$item-inactive-label-text-color: md-sys-color.$on-surface-variant;
/// md.comp.nav-bar.item.inactive.pressed.state-layer.color (Color / Pressed)
$item-inactive-pressed-state-layer-color: md-sys-color.$on-secondary-container;