@use './palette.tokens' as palette;
@use './spacing.tokens' as spacing;
@forward '../../../pastanaga-angular/projects/pastanaga-angular/src/styles/theme/toggle.tokens' with (
  // Checkboxes and radio
  $color-background-toggle-selected: palette.$color-dark-stronger,
  $color-background-toggle-selected-hover: palette.$color-neutral-regular,
  $color-background-toggle-disabled: palette.$color-neutral-lighter,
  $color-background-toggle-unselected-disabled: palette.$color-neutral-lighter,
  $color-background-toggle-indeterminate: palette.$color-light-stronger,

  $color-border-toggle-unselected: palette.$color-dark-stronger,
  $color-border-toggle-unselected-disabled: palette.$color-neutral-light,

  $color-check-toggle-indeterminate: #000000,
  $color-check-toggle-disabled: #c4c4c4,

  // Toggles
  $height-toggle: spacing.rhythm(2),
  $width-toggle: spacing.rhythm(4),
  $margin-toggle-container: spacing.rhythm(0.5) 0,
  $margin-top-toggle-with-help-label: 0,

  $color-background-toggle-slider-selected: palette.$color-success-regular,
  $color-background-toggle-slider-selected-hover: palette.$color-success-strong
);
