Colors

//// Functional colors
$functional-green:  $ods-forest-200;
$functional-blue:   $ods-water-200;
$functional-yellow: $ods-sun-100;
$functional-red:    $ods-fire-200;
//// Supporting colors
$supporting-blue:   $ods-blue-300;
$supporting-yellow: $ods-yellow-300;
$supporting-green:  $ods-green-300;
$supporting-purple: $ods-purple-300;
$supporting-pink:   $ods-pink-300;
$supporting-orange: $ods-orange-100;

$functional-green-dark:  $ods-forest-100;
$functional-blue-dark:   $ods-water-100;
$functional-yellow-dark: $functional-yellow;
$functional-red-dark:    $ods-fire-100;

$blue:    $functional-blue;
$indigo:  $supporting-purple;
$purple:  $supporting-purple;
$pink:    $supporting-pink;
$red:     $functional-red;
$orange:  $ods-orange-200;
$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;

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

$white:    $ods-white-100;
$gray-100: #fafafa;
$gray-200: #f6f6f6;
$gray-300: $ods-gray-200;
$gray-400: $ods-gray-300;
$gray-500: $ods-gray-400;
$gray-600: $ods-gray-500;
$gray-700: $ods-gray-600;
$gray-800: $ods-gray-700;
$gray-900: $ods-gray-800;
$gray-950: $ods-gray-900;
$black:    $ods-black-900;

$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:   $primary; // 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-dark; // Boosted mod: instead of `tint-color($primary, 40%)`
$secondary-text-emphasis-dark:      $secondary-dark; // Boosted mod: instead of `tint-color($secondary, 40%)`
$success-text-emphasis-dark:        $success-dark; // Boosted mod: instead of `tint-color($success, 40%)`
$info-text-emphasis-dark:           $info-dark; // Boosted mod: instead of `tint-color($info, 40%)`
$warning-text-emphasis-dark:        $warning-dark; // Boosted mod: instead of `tint-color($warning, 40%)`
$danger-text-emphasis-dark:         $danger-dark; // Boosted mod: instead of `tint-color($danger, 40%)`
$light-text-emphasis-dark:          $light-dark; // Boosted mod: instead of `$gray-100`
$dark-text-emphasis-dark:           $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
);

$theme-colors-dark: (
  "primary": $primary-dark,
  "secondary": $secondary-dark,
  "success": $success-dark,
  "info": $info-dark,
  "warning": $warning-dark,
  "danger": $danger-dark,
  "light": $light-dark,
  "dark": $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,
  "950": $gray-950,
);

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

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

$utilities-text: map-merge(
  $utilities-colors,
  (
    "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,
    )
  )
),
"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
),