@use 'sass:color';

/**
 * @tokens Colors
 * @presenter Color
 */

// Corporate colors
$draeger-blue: #0038a6;
// color.adjust($color: $draeger-blue,$lightness: -10%,$saturation: 15%)
$draeger-blue-02: #00287d;

$usability-blue: #0074ff;
// color.adjust($color: $usability-blue, $lightness: -6%, $saturation: 15%)
$usability-blue-02: #0066e0;
// color.adjust($color: $usability-blue, $lightness: -12%, $saturation: 15%)
$usability-blue-03: #0058c2;
// color.adjust($color: $usability-blue, $lightness: 30%)
$usability-blue-04: #99c7ff;

// Theme colors bright
$white: #fff;
$gray-01: #ecf0f3; /* Bright theme */
$gray-02: #e2e6ea; /* Bright theme */
$gray-03: #d8dce0; /* Bright theme */
$gray-04: #c8cacc; /* Bright theme */
$gray-05: #b8bbbc; /* Bright theme */
$gray-06: #a0a1a3; /* Bright theme */
$gray-07: #7f8386; /* Bright theme */
$gray-08: #54595c; /* Bright theme */
$gray-09: #414548; /* Bright theme */
$gray-10: #323537; /* Bright theme */
$gray-11: #222425; /* Bright theme */
$gray-12: #121314; /* Bright theme */

// Theme colors dark
$steelgray-01: #758ba2; /* Dark theme */
$steelgray-02: #6b8199; /* Dark theme */
$steelgray-03: #586d85; /* Dark theme */
$steelgray-04: #465a71; /* Dark theme */
$steelgray-05: #3a4c61; /* Dark theme */
$steelgray-06: #2d3c4c; /* Dark theme */
$steelgray-07: #212d38; /* Dark theme */
$steelgray-08: #0f1419; /* Dark theme */
$black: #000;
// Steelblue colors
$steelblue-01: #96aabe; /* Dark theme alternative color */
$steelblue-02: #4e6484; /* Dark theme alternative color */
$steelblue-03: #324350; /* Dark theme alternative color */

// Signal colors
$high-vis-green-01: #7fee1a; /* Signal color */
// color.adjust($color: $high-vis-green-01, $lightness: -10%, $saturation: 15%)
$high-vis-green-02: #65d500; /* Signal color */
// color.adjust($color: $high-vis-green-01, $lightness: -20%, $saturation: 15%)
$high-vis-green-03: #4da200; /* Signal color */

$high-vis-yellow-01: #ffe600; /* Signal color */
// color.adjust($color: $high-vis-yellow-01, $lightness: -4%, $hue: -1, $saturation: 15%)
$high-vis-yellow-02: #ebd000; /* Signal color */
// color.adjust($color: $high-vis-yellow-01, $lightness: -12%, $hue: -2, $saturation: 15%)
$high-vis-yellow-03: #c2a800; /* Signal color */

$high-vis-red-01: #e6141e; /* Signal color */
// color.adjust($color: $high-vis-red-01, $lightness: -10%, $saturation: 15%)
$high-vis-red-02: #c6010a; /* Signal color */
// custom color
$high-vis-red-03: #a80105; /* Signal color */

// Additional colors
$lavender: #6b6bff; /* Additional color */
// color.adjust($color: $lavender, $lightness: 20%)
$lavender-light: #d1d1ff; /* Additional color */
// color.adjust($color: $lavender, $lightness: -30%, $hue: 20%)
$lavender-dark: #4600d1; /* Additional color */

$azure: #00a2f6; /* Additional color */
// color.adjust($color: $azure, $lightness: 30%)
$azure-light: #90d9ff; /* Additional color */
// color.adjust($color: $azure, $lightness: -25%)
$azure-dark: #004e77; /* Additional color */

$mint: #11f2b3; /* Additional color */
// color.adjust($color: $mint, $lightness: 30%)
$mint-light: #8af9da; /* Additional color */
// color.adjust($color: $mint, $lightness: -25%)
$mint-dark: #077d5c; /* Additional color */

$lime: #aed956; /* Additional color */
// color.adjust($color: $lime, $lightness: 20%)
$lime-light: #d6eca9; /* Additional color */
// color.adjust($color: $lime, $lightness: -25%)
$lime-dark: #6b8f20; /* Additional color */

$sand: #d9c776; /* Additional color */
// color.adjust($color: $sand, $lightness: 10%)
$sand-light: #e4d79e; /* Additional color */
// color.adjust($color: $sand, $lightness: -25%)
$sand-dark: #a28d2d; /* Additional color */

$tangerine: #ff8f21; /* Additional color */
// color.adjust($color: $tangerine, $lightness: 20%)
$tangerine-light: #ffc287; /* Additional color */
// color.adjust($color: $tangerine, $lightness: -25%)
$tangerine-dark: #a15000; /* Additional color */

$coral: #ff2387; /* Additional color */
// color.adjust($color: $coral, $lightness: 25%)
$coral-light: #ffa3cd; /* Additional color */
// color.adjust($color: $coral, $lightness: -25%)
$coral-dark: #a3004a; /* Additional color */

$berry: #ad0ced; /* Additional color */
// color.adjust($color: $berry, $lightness: 35%)
$berry-light: #e6b0fb; /* Additional color */
// color.adjust($color: $berry, $lightness: -25%)
$berry-dark: #540674; /* Additional color */

// Transparent colors
$transparent: rgba(0, 0, 0, 0); /* Transparent color */
$transparent-black-05: rgba($black, .05); /* Transparent color */
$transparent-black-10: rgba($black, .1); /* Transparent color */
$transparent-black-20: rgba($black, .2); /* Transparent color */
$transparent-black-40: rgba($black, .4); /* Transparent color */
$transparent-black-60: rgba($black, .6); /* Transparent color */
$transparent-black-80: rgba($black, .8); /* Transparent color */
$transparent-white-05: rgba($white, .05); /* Transparent color */
$transparent-white-10: rgba($white, .1); /* Transparent color */
$transparent-white-20: rgba($white, .2); /* Transparent color */
$transparent-steelgray-07-10: rgba($steelgray-07, .1); /* Transparent color */
$transparent-steelgray-07-20: rgba($steelgray-07, .2); /* Transparent color */
$transparent-steelgray-07-30: rgba($steelgray-07, .3); /* Transparent color */
$transparent-steelgray-07-60: rgba($steelgray-07, .6); /* Transparent color */