@use './palette.tokens' as palette;
@use './spacing.tokens' as spacing;
@use './typography.tokens' as typography;
@forward '../../../pastanaga-angular/projects/pastanaga-angular/src/styles/theme/button.tokens' with (
  //=====================================
  // BUTTONS
  //=====================================
  $border-radius-button: spacing.$border-radius-default,

  // Borders
  $border-button-primary-basic: 1px solid palette.$color-primary-light,
  $border-button-primary-basic-hover: 1px solid palette.$color-primary-light,
  $border-button-primary-basic-active: 1px solid palette.$color-primary-light,

  $border-button-secondary-basic: 1px solid palette.$color-neutral-light,
  $border-button-secondary-basic-hover: 1px solid palette.$color-neutral-light,
  $border-button-secondary-basic-active: 1px solid palette.$color-neutral-light,

  $border-button-inverted-basic: 1px solid palette.$color-neutral-light,
  $border-button-inverted-basic-hover: 1px solid palette.$color-neutral-light,
  $border-button-inverted-basic-active: 1px solid palette.$color-neutral-light,

  $border-button-destructive-basic: 1px solid palette.$color-secondary-strong,
  $border-button-destructive-basic-hover: 1px solid palette.$color-secondary-strong,
  $border-button-destructive-basic-active: 1px solid palette.$color-secondary-strong,

  $border-button-basic-disabled: 1px solid palette.$color-neutral-lighter,

  // Sizes
  $padding-sides-button-large: spacing.rhythm(2),
  $padding-left-button-icon-text-large: spacing.rhythm(1.5),
  $padding-right-button-icon-text-large: spacing.rhythm(2),
  $padding-button-icon-medium: spacing.rhythm(1),
  $padding-button-icon-large: spacing.rhythm(1),
  $font-size-button-medium: typography.font-size(s),
  $font-size-button-large: typography.font-size(s),
  $height-button-small: spacing.rhythm(4),
  $height-button-medium: spacing.rhythm(5),
  $height-button-large: spacing.rhythm(6),
  // Shadows
  $shadow-button-solid-hover: none,
  $shadow-button-basic-hover: none,

  //---------------------------------------------------------------
  // PRIMARY
  //---------------------------------------------------------------
  $color-background-button-primary-solid-hover: palette.$color-primary-strong,
  $color-background-button-primary-solid-active: palette.$color-primary-stronger,

  $color-text-button-primary-basic: palette.$color-primary-regular,
  $color-text-button-primary-basic-hover: palette.$color-primary-regular,
  $color-text-button-primary-basic-active: palette.$color-primary-regular,

  //---------------------------------------------------------------
  // SECONDARY
  //---------------------------------------------------------------
  // solid
  $color-text-button-secondary-solid: palette.$color-light-stronger,
  $color-text-button-secondary-solid-hover: palette.$color-light-stronger,
  $color-text-button-secondary-solid-active: palette.$color-light-stronger,

  $color-background-button-secondary-solid: palette.$color-dark-stronger,
  $color-background-button-secondary-solid-hover: palette.$color-dark-stronger,
  $color-background-button-secondary-solid-active: palette.$color-neutral-regular,

  //basic
  $color-background-button-secondary-basic-hover: palette.$color-neutral-light,
  $color-background-button-secondary-basic-active: palette.$color-neutral-regular,
  $color-text-button-secondary-basic-active: palette.$color-light-stronger,

  //---------------------------------------------------------------
  // DESTRUCTIVE
  //---------------------------------------------------------------
  // solid
  $color-text-button-destructive-solid: palette.$color-dark-stronger,
  $color-text-button-destructive-solid-hover: palette.$color-light-stronger,
  $color-text-button-destructive-solid-active: palette.$color-light-stronger,

  $color-background-button-destructive-solid: palette.$color-secondary-regular,
  $color-background-button-destructive-solid-hover: palette.$color-secondary-strong,
  $color-background-button-destructive-solid-active: palette.$color-secondary-stronger,

  // basic
  $color-text-button-destructive-basic: palette.$color-secondary-strong,
  $color-text-button-destructive-basic-hover: palette.$color-secondary-stronger,
  $color-text-button-destructive-basic-active: palette.$color-secondary-stronger,

  $color-background-button-destructive-basic-hover: palette.$color-secondary-lightest,
  $color-background-button-destructive-basic-active: palette.$color-secondary-lighter,

  //---------------------------------------------------------------
  // INVERTED
  //---------------------------------------------------------------
  $color-text-button-inverted-solid: palette.$color-neutral-regular,
  $color-text-button-inverted-solid-hover: palette.$color-dark-stronger,
  $color-text-button-inverted-solid-active: palette.$color-light-stronger,

  $color-background-button-inverted-solid: palette.$color-neutral-lightest,
  $color-background-button-inverted-solid-hover: palette.$color-neutral-lightest,
  $color-background-button-inverted-solid-active: palette.$color-neutral-regular,

  //---------------------------------------------------------------
  // DISABLED
  //---------------------------------------------------------------
  $color-text-button-solid-disabled: palette.$color-light-stronger,
  $color-text-button-basic-disabled: palette.$color-neutral-lighter,

  $color-background-button-solid-disabled: palette.$color-neutral-lighter
);
