//== Main Colors
//
// The Main Colors used in ILIAS along with their semantics

@use 'sass:color';

//** For Standard Buttons, Main color used in various places, used to be $brand-primary
$il-main-color: #4c6586 !default;
//** For Primary Buttons, used to point to interactions with a special importance, used to be $brand-secondary
$il-secondary-color: #6ea03c !default;
//** Used to indicate some success, used to be $brand-success
$il-success-color: #6ea03c !default;
//** Used to indicate some success, used to be $brand-info
$il-info-color: #31708f !default;
//** Used to indicate some warning or to draw special focus to some element, used to be $brand-warning
$il-warning-color: #B54F00 !default;
//** Used to indicate some warning or to draw special focus to some element, used to be $brand-danger
$il-danger-color: #d00 !default;

//** Neutral Color for various Backgrounds, used to be $gray-dark and $il-neutral-color
$il-neutral-color: #2c2c2c !default;

$il-text-muted: $il-neutral-color !default;

//** Light version of the $il-neutral-color, used to be $gray-light
$il-neutral-light-color: #737373 !default;

//** Base Background Color, e.g. applied to Meta Bar and Breadcrumbs in Default, but also to panels in main content area.
$il-main-bg: white !default;
//** Page background color
$il-page-bg: $il-main-bg !default;
//** Title area of various components such as Panels. Used as e.g. in containers as bg. Used to be $il-secondary-bg
$il-main-dark-bg: #f9f9f9 !default;
$il-main-white-bg: #ffffff !default;
//** Background of subelements like subforms. Used mainly on the main-dark-bg.
$il-main-darker-bg: #f0f0f0 !default;

//** Currently used for several highlighting effects, such as hovering
$il-highlight-bg: lighten($il-main-color, 50%) !default;

//** Used to be $text-color. Can be used on all background colors.
$il-text-color: #161616 !default;

$il-headings-color: inherit !default;

//** Used if text is hovered in components such a Dropdowns
$il-text-hover-color: darken($il-text-color, 10%) !default;
//** Used e.g. for Bylines in Forms. Used to be $il-light-text-color. For accessibility reasons, the $il-text-color should only be used on the $il-main-bg.
$il-text-light-color: lighten($il-text-color, 35%) !default;
//** Text color in inverted designs
$il-text-color-invert: $il-main-bg !default;

//** Used to be $link-color
$il-link-color: $il-main-color !default;
//** Used to be $link-hover-color
$il-link-hover-color: darken($il-link-color, 10%) !default;

//** Used to set focus on interactive elements for keyboard navigation.
$il-focus-color: #0078D7 !default;
$il-focus-protection-color: #FFFFFF !default;

//== Alert
$il-alert-success-bg: color.scale($il-success-color, $lightness: 86%) !default;
$il-alert-success-border: $il-alert-success-bg !default;
$il-alert-success-text: $il-text-color !default;

$il-alert-info-bg: color.scale($il-info-color, $lightness: 86%) !default;
$il-alert-info-border: $il-alert-info-bg !default;
$il-alert-info-text: $il-text-color !default;

$il-alert-warning-bg: color.scale($il-warning-color, $lightness: 86%) !default;
$il-alert-warning-border: $il-alert-warning-bg !default;
$il-alert-warning-text: $il-text-color !default;

$il-alert-danger-bg: color.scale($il-danger-color, $lightness: 86%) !default;
$il-alert-danger-border: $il-alert-danger-bg !default;
$il-alert-danger-text: $il-text-color !default;

//== Extended Colors
//
//## Extended Colors of ILIAS to be used to generate coloring for components like charts.

//** Variant 1 of the extended color set in ILIAS
$il-extended-color-1: #f3de2c !default;
//** Variant 2 of the extended color set in ILIAS
$il-extended-color-2: #d38000 !default;
//** Variant 3 of the extended color set in ILIAS
$il-extended-color-3: #307C88 !default;
//** Variant 4 of the extended color set in ILIAS
$il-extended-color-4: #86cb92 !default;
//** Variant 5 of the extended color set in ILIAS
$il-extended-color-5: #ce73a8 !default;
//** Variant 6 of the extended color set in ILIAS
$il-extended-color-6: #82639e !default;
//** Variant 7 of the extended color set in ILIAS
$il-extended-color-7: #9e7c7d !default;
//** Variant 8 of the extended color set in ILIAS
$il-extended-color-8: #f75e82 !default;
//** Variant 9 of the extended color set in ILIAS
$il-extended-color-9: #ea4d54 !default;

//** all variants of letter avatar background colors (MUST be 26), note for a11y reason, they must be in contrast 3x1 to white (foreground color)
$il-avatar-letter-color-variants: (#0e6252, #107360, #896F06, #A06608, #176437, #196f3d, #B25E15, #a04000, #1d6fa5, #1b557a, #bf2718, #81261d, #713b87, #522764, #6A747C, #34495e, #2c3e50, #566566, #90175a, #9e2b6e, #d22f10, #666d4e, #715a32, #83693a, #963a30, #DE2F1B) !default;