Colors

// Boosted mod
//// Core colors
$accessible-orange: #f16e00;
$brand-orange:      #ff7900;
//// Functional colors
$functional-green:  #32c832;
$functional-blue:   #527edb;
$functional-yellow: #fc0;
$functional-red:    #cd3c14;
//// Supporting colors
$supporting-blue:   #4bb4e6;
$supporting-yellow: #ffd200;
$supporting-green:  #50be87;
$supporting-purple: #a885d8;
$supporting-pink:   #ffb4e6;

$blue:    $functional-blue;
$indigo:  $supporting-purple;
$purple:  $supporting-purple;
$pink:    $supporting-pink;
$red:     $functional-red;
$orange:  $brand-orange;
$yellow:  $functional-yellow;
$green:   $functional-green;
$teal:    $supporting-green;
$cyan:    $supporting-blue;

$primary:       $orange;
$secondary:     $black;
$success:       $green;
$info:          $blue;
$warning:       $yellow;
$danger:        $red;
$light:         $gray-500;
$dark:          $black;

$white:    #fff;
$gray-100: #fafafa;
$gray-200: #f6f6f6;
$gray-300: #eee;
$gray-400: #ddd;
$gray-500: #ccc;
$gray-600: #999;
$gray-700: #666;
$gray-800: #595959;
$gray-900: #333;
$black:    #000;

$theme-colors-text: (
  "primary": $primary-text-emphasis,
  "secondary": $secondary-text-emphasis,
  "success": $success-text-emphasis,
  "info": $info-text-emphasis,
  "warning": $warning-text-emphasis,
  "danger": $danger-text-emphasis,
  "light": $light-text-emphasis,
  "dark": $dark-text-emphasis,
);

$primary-text-emphasis:   $accessible-orange; // Boosted mod: instead of `shade-color($primary, 60%)`
$secondary-text-emphasis: $secondary; // Boosted mod: instead of `shade-color($secondary, 60%)`
$success-text-emphasis:   $success; // Boosted mod: instead of `shade-color($success, 60%)`
$info-text-emphasis:      $info; // Boosted mod: instead of `shade-color($info, 60%)`
$warning-text-emphasis:   $warning; // Boosted mod: instead of `shade-color($warning, 60%)`
$danger-text-emphasis:    $danger; // Boosted mod: instead of `shade-color($danger, 60%)`
$light-text-emphasis:     $light; // Boosted mod: instead of `$gray-700`
$dark-text-emphasis:      $dark; // Boosted mod: instead of `$gray-700`

$primary-text-emphasis-dark:        $primary; // Boosted mod: isntead of `tint-color($primary, 40%)`
$secondary-text-emphasis-dark:      $secondary; // Boosted mod: instead of `tint-color($secondary, 40%)`
$success-text-emphasis-dark:        $success; // Boosted mod: instead of `tint-color($success, 40%)`
$info-text-emphasis-dark:           $info; // Boosted mod: instead of `tint-color($info, 40%)`
$warning-text-emphasis-dark:        $warning; // Boosted mod: instead of `tint-color($warning, 40%)`
$danger-text-emphasis-dark:         $danger; // Boosted mod: instead of `tint-color($danger, 40%)`
$light-text-emphasis-dark:          $light; // Boosted mod: instead of `$gray-100`
$dark-text-emphasis-dark:           $dark; // Boosted mod: instead of `$gray-300`

$theme-colors: (
  "primary":    $primary,
  "secondary":  $secondary,
  "success":    $success,
  "info":       $info,
  "warning":    $warning,
  "danger":     $danger,
  "light":      $light,
  "dark":       $dark
);

$grays: (
  "100": $gray-100,
  "200": $gray-200,
  "300": $gray-300,
  "400": $gray-400,
  "500": $gray-500,
  "600": $gray-600,
  "700": $gray-700,
  "800": $gray-800,
  "900": $gray-900
);

$theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value");

$utilities-text: map-merge(
  $utilities-colors,
  (
    "primary": to-rgb($accessible-orange), // Boosted mod
    "black": to-rgb($black),
    "white": to-rgb($white),
    "body": to-rgb($body-color)
  )
);
$utilities-text-colors: map-loop($utilities-text, rgba-css-var, "$key", "text");

$utilities-text-emphasis-colors: (
  "primary-emphasis": var(--#{$prefix}primary-text-emphasis),
  "secondary-emphasis": var(--#{$prefix}secondary-text-emphasis),
  "success-emphasis": var(--#{$prefix}success-text-emphasis),
  "info-emphasis": var(--#{$prefix}info-text-emphasis),
  "warning-emphasis": var(--#{$prefix}warning-text-emphasis),
  "danger-emphasis": var(--#{$prefix}danger-text-emphasis),
  "light-emphasis": var(--#{$prefix}light-text-emphasis),
  "dark-emphasis": var(--#{$prefix}dark-text-emphasis)
);

$theme-colors-text: (
  "primary": $primary-text-emphasis,
  "secondary": $secondary-text-emphasis,
  "success": $success-text-emphasis,
  "info": $info-text-emphasis,
  "warning": $warning-text-emphasis,
  "danger": $danger-text-emphasis,
  "light": $light-text-emphasis,
  "dark": $dark-text-emphasis,
);

$theme-colors-text-dark: (
  "primary": $primary-text-emphasis-dark,
  "secondary": $secondary-text-emphasis-dark,
  "success": $success-text-emphasis-dark,
  "info": $info-text-emphasis-dark,
  "warning": $warning-text-emphasis-dark,
  "danger": $danger-text-emphasis-dark,
  "light": $light-text-emphasis-dark,
  "dark": $dark-text-emphasis-dark,
);

"color": (
  property: color,
  class: text,
  local-vars: (
    "text-opacity": 1
  ),
  values: map-merge(
    $utilities-text-colors,
    (
      "muted": var(--#{$prefix}secondary-color), // deprecated
      "black-50": rgba($black, .5), // deprecated
      "white-50": rgba($white, .5), // deprecated
      "body-secondary": var(--#{$prefix}secondary-color),
      "body-tertiary": var(--#{$prefix}tertiary-color),
      "body-emphasis": var(--#{$prefix}emphasis-color),
      "reset": inherit,
      "primary": rgba(var(--#{$prefix}primary-text-rgb), var(--#{$prefix}text-opacity)), // Boosted mod: redefine primary value
    )
  )
),
"text-opacity": (
  css-var: true,
  class: text-opacity,
  values: (
    25: .25,
    50: .5,
    75: .75,
    100: 1
  )
),
"text-color": (
  property: color,
  class: text,
  values: $utilities-text-emphasis-colors
),