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

/// md.comp.checkbox.container.height (Enabled / Container)
///
/// @deprecated Combining height and width into a single size token
$container-height: 18px;
/// md.comp.checkbox.container.shape (Enabled / Container)
$container-shape: 2px;
/// md.comp.checkbox.container.size (Enabled / Container)
$container-size: 18px;
/// md.comp.checkbox.container.width (Enabled / Container)
///
/// @deprecated Combining height and width into a single size token
$container-width: 18px;
/// md.comp.checkbox.disabled.selected.icon.opacity (Disabled / Icon)
///
/// @deprecated Checkbox changed how rendering was specified, if these are needed, copy to your own tokens.
$disabled-selected-icon-opacity: 0.38;
/// md.comp.checkbox.disabled.unselected.icon.opacity (Disabled / Icon)
///
/// @deprecated Checkbox changed how rendering was specified, if these are needed, copy to your own tokens.
$disabled-unselected-icon-opacity: 0.38;
/// md.comp.checkbox.icon.size (Enabled / Icon)
$icon-size: 18px;
/// md.comp.checkbox.selected.disabled.container.opacity (Disabled / Container)
$selected-disabled-container-opacity: 0.38;
/// md.comp.checkbox.selected.disabled.container.outline.width (Disabled / Container)
$selected-disabled-container-outline-width: 0px;
/// md.comp.checkbox.selected.error.focus.outline.width (Focused / Container)
///
/// @deprecated Redundant values. Please use md.comp.checkbox.unselected.outline.width or md.comp.checkbox.selected.outline.width tokens instead.
$selected-error-focus-outline-width: 0px;
/// md.comp.checkbox.selected.error.hover.outline.width (Hovered / Container)
///
/// @deprecated Redundant values. Please use md.comp.checkbox.unselected.outline.width or md.comp.checkbox.selected.outline.width tokens instead.
$selected-error-hover-outline-width: 0px;
/// md.comp.checkbox.selected.error.pressed.outline.width (Pressed (ripple) / Container)
///
/// @deprecated Redundant values. Please use md.comp.checkbox.unselected.outline.width or md.comp.checkbox.selected.outline.width tokens instead.
$selected-error-pressed-outline-width: 0px;
/// md.comp.checkbox.selected.focus.outline.width (Focused / Container)
$selected-focus-outline-width: 0px;
/// md.comp.checkbox.selected.hover.outline.width (Hovered / Container)
$selected-hover-outline-width: 0px;
/// md.comp.checkbox.selected.outline.width (Enabled / Container)
$selected-outline-width: 0px;
/// md.comp.checkbox.selected.pressed.outline.width (Pressed (ripple) / Container)
$selected-pressed-outline-width: 0px;
/// md.comp.checkbox.state-layer.size (Enabled / State layer)
$state-layer-size: 40px;
/// md.comp.checkbox.unselected.disabled.container.opacity (Disabled / Container)
$unselected-disabled-container-opacity: 0.38;
/// md.comp.checkbox.unselected.disabled.outline.width (Disabled / Container)
$unselected-disabled-outline-width: 2px;
/// md.comp.checkbox.unselected.error.focus.outline.width (Focused / Container)
///
/// @deprecated Redundant values. Please use md.comp.checkbox.unselected.outline.width or md.comp.checkbox.selected.outline.width tokens instead.
$unselected-error-focus-outline-width: 2px;
/// md.comp.checkbox.unselected.error.hover.outline.width (Hovered / Container)
///
/// @deprecated Redundant values. Please use md.comp.checkbox.unselected.outline.width or md.comp.checkbox.selected.outline.width tokens instead.
$unselected-error-hover-outline-width: 2px;
/// md.comp.checkbox.unselected.error.pressed.outline.width (Pressed (ripple) / Container)
///
/// @deprecated Redundant values. Please use md.comp.checkbox.unselected.outline.width or md.comp.checkbox.selected.outline.width tokens instead.
$unselected-error-pressed-outline-width: 2px;
/// md.comp.checkbox.unselected.focus.outline.width (Focused / Container)
$unselected-focus-outline-width: 2px;
/// md.comp.checkbox.unselected.hover.outline.width (Hovered / Container)
$unselected-hover-outline-width: 2px;
/// md.comp.checkbox.unselected.outline.width (Enabled / Container)
$unselected-outline-width: 2px;
/// md.comp.checkbox.unselected.pressed.outline.width (Pressed (ripple) / Container)
$unselected-pressed-outline-width: 2px;
/// md.comp.checkbox.disabled.selected.icon.color (Disabled / Icon)
///
/// @deprecated Checkbox changed how rendering was specified, if these are needed, copy to your own tokens.
$disabled-selected-icon-color: md-sys-color.$primary;
/// md.comp.checkbox.disabled.unselected.icon.color (Disabled / Icon)
///
/// @deprecated Checkbox changed how rendering was specified, if these are needed, copy to your own tokens.
$disabled-unselected-icon-color: md-sys-color.$primary;
/// md.comp.checkbox.error.focus.state-layer.color (Focused / State layer)
$error-focus-state-layer-color: md-sys-color.$error;
/// md.comp.checkbox.error.focus.state-layer.opacity (Focused / State layer)
$error-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
/// md.comp.checkbox.error.hover.state-layer.color (Hovered / State layer)
$error-hover-state-layer-color: md-sys-color.$error;
/// md.comp.checkbox.error.hover.state-layer.opacity (Hovered / State layer)
$error-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
/// md.comp.checkbox.error.pressed.state-layer.color (Pressed (ripple) / State layer)
$error-pressed-state-layer-color: md-sys-color.$error;
/// md.comp.checkbox.error.pressed.state-layer.opacity (Pressed (ripple) / State layer)
$error-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
/// md.comp.checkbox.focus.indicator.color (Focused / Focus indicator)
$focus-indicator-color: md-sys-color.$secondary;
/// md.comp.checkbox.focus.indicator.outline.offset (Focused / Focus indicator)
$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
/// md.comp.checkbox.focus.indicator.thickness (Focused / Focus indicator)
$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
/// md.comp.checkbox.selected.container.color (Enabled / Container)
$selected-container-color: md-sys-color.$primary;
/// md.comp.checkbox.selected.disabled.container.color (Disabled / Container)
$selected-disabled-container-color: md-sys-color.$on-surface;
/// md.comp.checkbox.selected.disabled.icon.color (Disabled / Icon)
$selected-disabled-icon-color: md-sys-color.$surface;
/// md.comp.checkbox.selected.error.container.color (Enabled / Container)
$selected-error-container-color: md-sys-color.$error;
/// md.comp.checkbox.selected.error.focus.container.color (Focused / Container)
$selected-error-focus-container-color: md-sys-color.$error;
/// md.comp.checkbox.selected.error.focus.icon.color (Focused / Icon)
$selected-error-focus-icon-color: md-sys-color.$on-error;
/// md.comp.checkbox.selected.error.hover.container.color (Hovered / Container)
$selected-error-hover-container-color: md-sys-color.$error;
/// md.comp.checkbox.selected.error.hover.icon.color (Hovered / Icon)
$selected-error-hover-icon-color: md-sys-color.$on-error;
/// md.comp.checkbox.selected.error.icon.color (Enabled / Icon)
$selected-error-icon-color: md-sys-color.$on-error;
/// md.comp.checkbox.selected.error.pressed.container.color (Pressed (ripple) / Container)
$selected-error-pressed-container-color: md-sys-color.$error;
/// md.comp.checkbox.selected.error.pressed.icon.color (Pressed (ripple) / Icon)
$selected-error-pressed-icon-color: md-sys-color.$on-error;
/// md.comp.checkbox.selected.focus.container.color (Focused / Container)
$selected-focus-container-color: md-sys-color.$primary;
/// md.comp.checkbox.selected.focus.icon.color (Focused / Icon)
$selected-focus-icon-color: md-sys-color.$on-primary;
/// md.comp.checkbox.selected.focus.state-layer.color (Focused / State layer)
$selected-focus-state-layer-color: md-sys-color.$primary;
/// md.comp.checkbox.selected.focus.state-layer.opacity (Focused / State layer)
$selected-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
/// md.comp.checkbox.selected.hover.container.color (Hovered / Container)
$selected-hover-container-color: md-sys-color.$primary;
/// md.comp.checkbox.selected.hover.icon.color (Hovered / Icon)
$selected-hover-icon-color: md-sys-color.$on-primary;
/// md.comp.checkbox.selected.hover.state-layer.color (Hovered / State layer)
$selected-hover-state-layer-color: md-sys-color.$primary;
/// md.comp.checkbox.selected.hover.state-layer.opacity (Hovered / State layer)
$selected-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
/// md.comp.checkbox.selected.icon.color (Enabled / Icon)
$selected-icon-color: md-sys-color.$on-primary;
/// md.comp.checkbox.selected.pressed.container.color (Pressed (ripple) / Container)
$selected-pressed-container-color: md-sys-color.$primary;
/// md.comp.checkbox.selected.pressed.icon.color (Pressed (ripple) / Icon)
$selected-pressed-icon-color: md-sys-color.$on-primary;
/// md.comp.checkbox.selected.pressed.state-layer.color (Pressed (ripple) / State layer)
$selected-pressed-state-layer-color: md-sys-color.$on-surface;
/// md.comp.checkbox.selected.pressed.state-layer.opacity (Pressed (ripple) / State layer)
$selected-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
/// md.comp.checkbox.state-layer.shape (Enabled / State layer)
$state-layer-shape: md-sys-shape.$corner-full;
/// md.comp.checkbox.unselected.disabled.outline.color (Disabled / Container)
$unselected-disabled-outline-color: md-sys-color.$on-surface;
/// md.comp.checkbox.unselected.error.focus.outline.color (Focused / Container)
$unselected-error-focus-outline-color: md-sys-color.$error;
/// md.comp.checkbox.unselected.error.hover.outline.color (Hovered / Container)
$unselected-error-hover-outline-color: md-sys-color.$error;
/// md.comp.checkbox.unselected.error.outline.color (Enabled / Container)
$unselected-error-outline-color: md-sys-color.$error;
/// md.comp.checkbox.unselected.error.pressed.outline.color (Pressed (ripple) / Container)
$unselected-error-pressed-outline-color: md-sys-color.$error;
/// md.comp.checkbox.unselected.focus.icon.color (Focused / Icon)
///
/// @deprecated Checkbox changed how rendering was specified, if these are needed, copy to your own tokens.
$unselected-focus-icon-color: md-sys-color.$on-surface;
/// md.comp.checkbox.unselected.focus.outline.color (Focused / Container)
$unselected-focus-outline-color: md-sys-color.$on-surface;
/// md.comp.checkbox.unselected.focus.state-layer.color (Focused / State layer)
$unselected-focus-state-layer-color: md-sys-color.$on-surface;
/// md.comp.checkbox.unselected.focus.state-layer.opacity (Focused / State layer)
$unselected-focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
/// md.comp.checkbox.unselected.hover.icon.color (Hovered / Icon)
///
/// @deprecated Checkbox changed how rendering was specified, if these are needed, copy to your own tokens.
$unselected-hover-icon-color: md-sys-color.$on-surface;
/// md.comp.checkbox.unselected.hover.outline.color (Hovered / Container)
$unselected-hover-outline-color: md-sys-color.$on-surface;
/// md.comp.checkbox.unselected.hover.state-layer.color (Hovered / State layer)
$unselected-hover-state-layer-color: md-sys-color.$on-surface;
/// md.comp.checkbox.unselected.hover.state-layer.opacity (Hovered / State layer)
$unselected-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
/// md.comp.checkbox.unselected.icon.color (Enabled / Icon)
///
/// @deprecated Checkbox changed how rendering was specified, if these are needed, copy to your own tokens.
$unselected-icon-color: md-sys-color.$on-surface;
/// md.comp.checkbox.unselected.outline.color (Enabled / Container)
$unselected-outline-color: md-sys-color.$on-surface-variant;
/// md.comp.checkbox.unselected.pressed.icon.color (Pressed (ripple) / Icon)
///
/// @deprecated Checkbox changed how rendering was specified, if these are needed, copy to your own tokens.
$unselected-pressed-icon-color: md-sys-color.$on-surface;
/// md.comp.checkbox.unselected.pressed.outline.color (Pressed (ripple) / Container)
$unselected-pressed-outline-color: md-sys-color.$on-surface;
/// md.comp.checkbox.unselected.pressed.state-layer.color (Pressed (ripple) / State layer)
$unselected-pressed-state-layer-color: md-sys-color.$primary;
/// md.comp.checkbox.unselected.pressed.state-layer.opacity (Pressed (ripple) / State layer)
$unselected-pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;