// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
// See LICENSE in the project root for license information.

// ---------------------------------------------------------------------
// Variables are defined by baseline Design Tokens

@use '../libSupport/deprecated';
@use '../utilityVariables/important';
@use '../libSupport/manageScope';
@use "@aurodesignsystem/design-tokens/dist/legacy/auro-classic/SCSSVariables" as *;

/// Utility class for default font-weight
///
/// [Manage](/#utility-variable-important) `!important` flag.
///
/// [Manage](/#scope-prefix-variable-scope) `$scope` and `$prefix` options.
/// @group Utility-font
/// @example scss - Default selector(s)
///   .util_fontWeightDefault {}
///
/// @example scss - Selector(s) when $scope: true;
///   .auro .util_fontWeightDefault {}
///
/// @example scss - Selector(s) when $prefix: true;
///   .auro_util_fontWeightDefault {}
///
/// @example scss - import Sass file
///   @use "./node_modules/@aurodesignsystem/webcorestylesheets/dist/utilityClasses/fontStyles" as *;
#{manageScope.$scope}.#{manageScope.$prefix}util_fontWeightDefault {
  font-weight: var(--ds-text-body-default-weight, $ds-text-body-default-weight) important.$important;
}

/// Utility class for font-weight `medium`
///
/// [Manage](/#utility-variable-important) `!important` flag.
///
/// [Manage](/#scope-prefix-variable-scope) `$scope` and `$prefix` options.
/// @group Utility-font
/// @example scss - Default selector(s)
///   .util_fontWeightMedium {}
///
/// @example scss - Selector(s) when $scope: true;
///   .auro .util_fontWeightMedium {}
///
/// @example scss - Selector(s) when $prefix: true;
///   .auro_util_fontWeightMedium {}
///
/// @example scss - import Sass file
///   @use "./node_modules/@aurodesignsystem/webcorestylesheets/dist/utilityClasses/fontStyles" as *;
#{manageScope.$scope}.#{manageScope.$prefix}util_fontWeightMedium {
  font-weight: var(--ds-text-heading-medium-weight, $ds-text-heading-medium-weight) important.$important;
}

/// Utility class for display font-weight
///
/// [Manage](/#utility-variable-important) `!important` flag.
///
/// [Manage](/#scope-prefix-variable-scope) `$scope` and `$prefix` options.
/// @group Utility-font
/// @example scss - Default selector(s)
///   .util_fontWeightDisplay {}
///
/// @example scss - Selector(s) when $scope: true;
///   .auro .util_fontWeightDisplay {}
///
/// @example scss - Selector(s) when $prefix: true;
///   .auro_util_fontWeightDisplay {}
///
/// @example scss - import Sass file
///   @use "./node_modules/@aurodesignsystem/webcorestylesheets/dist/utilityClasses/fontStyles" as *;
#{manageScope.$scope}.#{manageScope.$prefix}util_fontWeightDisplay {
  font-weight: var(--ds-text-heading-display-weight, $ds-text-heading-display-weight) important.$important;
}

/// Utility class for font-size `lg`
///
/// [Manage](/#utility-variable-important) `!important` flag.
///
/// [Manage](/#scope-prefix-variable-scope) `$scope` and `$prefix` options.
/// @group Utility-font
/// @example scss - Default selector(s)
///   .util_body--lg {}
///
/// @example scss - Selector(s) when $scope: true;
///   .auro .util_body--lg {}
///
/// @example scss - Selector(s) when $prefix: true;
///   .auro_util_body--lg {}
///
/// @example scss - import Sass file
///   @use "./node_modules/@aurodesignsystem/webcorestylesheets/dist/utilityClasses/fontStyles" as *;
#{manageScope.$scope}.#{manageScope.$prefix}util_body--lg {
  font-size: var(--ds-text-body-size-lg, $ds-text-body-size-lg) important.$important;
  line-height: var(--ds-text-body-height-lg, $ds-text-body-height-lg) important.$important;
}

/// Utility class for font-size `sm`
///
/// [Manage](/#utility-variable-important) `!important` flag.
///
/// [Manage](/#scope-prefix-variable-scope) `$scope` and `$prefix` options.
/// @group Utility-font
/// @example scss - Default selector(s)
///   .util_body--sm {}
///
/// @example scss - Selector(s) when $scope: true;
///   .auro .util_body--sm {}
///
/// @example scss - Selector(s) when $prefix: true;
///   .auro_util_body--sm {}
///
/// @example scss - import Sass file
///   @use "./node_modules/@aurodesignsystem/webcorestylesheets/dist/utilityClasses/fontStyles" as *;
#{manageScope.$scope}.#{manageScope.$prefix}util_body--sm {
  font-size: var(--ds-text-body-size-sm, $ds-text-body-size-sm) important.$important;
  line-height: var(--ds-text-body-height-sm, $ds-text-body-height-sm) important.$important;
}

/// Utility class for font-size `xs`
///
/// [Manage](/#utility-variable-important) `!important` flag.
///
/// [Manage](/#scope-prefix-variable-scope) `$scope` and `$prefix` options.
/// @group Utility-font
/// @example scss - Default selector(s)
///   .util_body--xs {}
///
/// @example scss - Selector(s) when $scope: true;
///   .auro .util_body--xs {}
///
/// @example scss - Selector(s) when $prefix: true;
///   .auro_util_body--xs {}
///
/// @example scss - import Sass file
///   @use "./node_modules/@aurodesignsystem/webcorestylesheets/dist/utilityClasses/fontStyles" as *;

#{manageScope.$scope}.#{manageScope.$prefix}util_body--xs {
  font-size: var(--ds-text-body-size-xs, $ds-text-body-size-xs) important.$important;
  line-height: var(--ds-text-body-height-xs, $ds-text-body-height-xs) important.$important;
}