@import "color.less";
@import "color-deprecated.less";

@color-main-copy: @gray1000;
@color-icon-in-main-copy: @gray1000;
@color-light-copy: @gray900;
@color-main-copy-disabled: #999999;

// regular text
@textColorStandard: @color-main-copy;
@textColorLight:    @color-light-copy;

@color-background-scrimmed: rgba(0, 0, 0, 0.8);
@color-divider: @gray400;
@color-background-disabled: @gray200;

@color-border-input: #A3A3A3;
@color-border-input-hover-and-focused: @gray1000;
@color-border-input-disabled: @gray500;

// Core theme (aka blue/orange brand)
	@color-brand-theme-core: @orange4;

	@color-primary-theme-core: @orange4;
	@color-primary-hover-theme-core: #eb6c00;

	@color-secondary-theme-core: @blue2;
	@color-secondary-hover-theme-core: #2772ba;
	@color-secondary-opacity-80-theme-core: fadeout(#2772ba, 80%);

	@color-ghost-theme-core: #2a7cca;
	@color-ghost-dark-theme-core: fadeout(#2a7cca, 80%);

	@color-validation-error-theme-core: @red500;
	@color-validation-error-light-theme-core: #fae6e6;

	@color-validation-info-theme-core: @blue500;
	@color-validation-info-light-theme-core: #e9f1f9;

	@color-validation-warning-theme-core: @blue500;
	@color-validation-warning-light-theme-core: #e9f1f9;

	@color-validation-positive-theme-core: @green500;
	@color-validation-positive-light-theme-core: #e6f7ee;

	@color-checkbox-hover-background-theme-core: @white;
	@color-background-checkbox-checked-hover-theme-core: @orange4;
	@color-button-text-theme-core: @white;
	@color-border-button-secondary-theme-core: #00578d;

	@decoration-button-text-hover-theme-core: initial;
	@box-shadow-selection-control-theme-core: 0 0 0 18px fadeout(@blue500, 90%);
	@color-background-toggle-switch-theme-core: @gray1000;
	@color-background-toggle-switch-disabled-theme-core: #fff;
	@size-border-toggle-switch-theme-core: 0;

	// --- Links
	// colors
	@linkColor-theme-core:           @color-ghost-theme-core;
	@linkHoverColor-theme-core:      @color-primary-theme-core;
	@linkVisitedColor-theme-core:    #636;
	@linkDisabledColor-theme-core:   @textColorStandard;

	// icons
	@linkIconStandardColor-theme-core:         @linkColor-theme-core;
	@linkIconStandardDisabledColor-theme-core: @color-main-copy-disabled;

// Cosma theme (aka teal)
	@color-brand-theme-cosma: @teal200;

	@color-primary-theme-cosma: @cyan800;
	@color-primary-hover-theme-cosma: @cyan700;

	@color-secondary-theme-cosma: @cyan800;
	@color-secondary-hover-theme-cosma: @cyan700;
	@color-secondary-opacity-80-theme-cosma: fadeout(@cyan700, 80%);

	@color-ghost-theme-cosma: @cyan800;
	@color-ghost-dark-theme-cosma: @cyan900;

	@color-validation-error-theme-cosma: @red500;
	@color-validation-error-light-theme-cosma: @red100;

	@color-validation-info-theme-cosma: @blue500;
	@color-validation-info-light-theme-cosma: @blue100;

	@color-validation-warning-theme-cosma: @orange500;
	@color-validation-warning-light-theme-cosma: @orange100;

	@color-validation-positive-theme-cosma: @green500;
	@color-validation-positive-light-theme-cosma: @green100;

	@color-checkbox-hover-background-theme-cosma: @cyan100;
	@color-background-checkbox-checked-hover-theme-cosma: @cyan700;
	@color-button-text-theme-cosma: @white;
	@color-border-button-secondary-theme-cosma: @cyan800;

	@decoration-button-text-hover-theme-cosma: underline;
	@box-shadow-selection-control-theme-cosma: 0 0 0 18px fadeout(@cyan500, 84%);
	@color-background-toggle-switch-theme-cosma: @cyan100;
	@color-background-toggle-switch-disabled-theme-cosma: @gray400;
	@size-border-toggle-switch-theme-cosma: 1px;

	// --- Links
	// colors
	@linkColor-theme-cosma:           @color-ghost-theme-cosma;
	@linkHoverColor-theme-cosma:      @color-primary-theme-cosma;
	@linkVisitedColor-theme-cosma:    #636;
	@linkDisabledColor-theme-cosma:   @textColorStandard;

	// icons
	@linkIconStandardColor-theme-cosma:         @linkColor-theme-cosma;
	@linkIconStandardDisabledColor-theme-cosma: @color-main-copy-disabled;

// Some apps might be relying on the variable names without -theme in the end. Define them here so everything still compiles.
@color-brand: @color-brand-theme-cosma;

@color-primary: @color-primary-theme-cosma;
@color-primary-hover: @color-primary-hover-theme-cosma;

@color-secondary: @color-secondary-theme-cosma;
@color-secondary-hover: @color-secondary-hover-theme-cosma;
@color-secondary-opacity-80: @color-secondary-opacity-80-theme-cosma;

@color-ghost: @color-ghost-theme-cosma;
@color-ghost-dark: @color-ghost-dark-theme-cosma;

@color-validation-error: @color-validation-error-theme-cosma;
@color-validation-error-light: @color-validation-error-light-theme-cosma;

@color-validation-info: @color-validation-info-theme-cosma;
@color-validation-info-light: @color-validation-info-light-theme-cosma;

@color-validation-warning: @color-validation-warning-theme-cosma;
@color-validation-warning-light: @color-validation-warning-light-theme-cosma;

@color-validation-positive: @color-validation-positive-theme-cosma;
@color-validation-positive-light: @color-validation-positive-light-theme-cosma;

@color-checkbox-hover-background: @color-checkbox-hover-background-theme-cosma;
@color-background-checkbox-checked-hover: @color-background-checkbox-checked-hover-theme-cosma;
@color-button-text: @color-button-text-theme-cosma;
@color-border-button-secondary: @color-border-button-secondary-theme-cosma;

@decoration-button-text-hover: @decoration-button-text-hover-theme-cosma;
@box-shadow-selection-control: @box-shadow-selection-control-theme-cosma;
@color-background-toggle-switch: @color-background-toggle-switch-theme-cosma;
@color-background-toggle-switch-disabled: @color-background-toggle-switch-disabled-theme-cosma;
@size-border-toggle-switch: @size-border-toggle-switch-theme-cosma;

// --- Links
// colors
@linkColor:           @color-ghost;
@linkHoverColor:      @color-primary;
@linkVisitedColor:    #636;
@linkDisabledColor:   @textColorStandard;

// icons
@linkIconStandardColor:         @linkColor;
@linkIconStandardDisabledColor: @color-main-copy-disabled;

// other standard colors
@white: #fff;
@black: #000;

// regular text
@textColorStandard: @color-main-copy;
@textColorLight: @color-light-copy;

// --- applied colors; semantic variables

@footerColor: @textColorLight;

// deprecated
@is24orange: @color-primary-theme-core;
@is24blue: @color-secondary-theme-core;
