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

@color-main-copy: @gray1000;
@color-icon-in-main-copy: @gray1000;
@color-light-copy: #757575;
@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-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: #d60e0e;
	@color-validation-error-light-theme-core: #fae6e6;

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

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

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

	@color-border-input-theme-core: #A3A3A3;
	@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(#2a7cca, 90%);
	@box-shadow-radio-button-theme-core: @box-shadow-selection-control-theme-core;
	@size-border-toggle-switch-theme-core: 0;

	//Core theme variables for Text inputs
	@color-border-input-disabled-theme-core: @gray500;

	// --- 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: @teal400;

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

	@color-background-primary-theme-cosma: @teal200;
	@color-background-primary-light-theme-cosma: @teal200;

	@color-background-secondary-theme-cosma: @gray1000;

	@color-ghost-theme-cosma: @gray1000;
	@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-border-input-theme-cosma: @gray700;

	@color-checkbox-background-theme-cosma: @teal400;
	@color-checkbox-background-hover-theme-cosma: @white;
	@color-checkbox-focus-theme-cosma: @teal400;
	@color-checkbox-border-theme-cosma: @gray800;
	@color-checkbox-border-hover-theme-cosma: @teal400;

	@color-checkbox-background-disabled-theme-cosma: @gray600;
	@color-checkbox-border-disabled-theme-cosma: @gray650;
	@color-checkbox-hover-background-theme-cosma: @white;
	@color-background-checkbox-checked-theme-cosma: @teal400;
	@color-background-checkbox-before-checked-hover-theme-cosma: @teal400;
	@color-border-checkbox-checked-hover-theme-cosma: @teal400;
	@color-border-checkbox-checked-theme-cosma: @teal400;

	@color-background-checkbox-checked-hover-theme-cosma: @teal400;
	@color-button-text-theme-cosma: @gray1000;
	@color-button-secondary-text-theme-cosma: @gray100;

	@color-background-disabled-theme-cosma: @gray200;
	@color-border-button-secondary-theme-cosma: @cyan800;
	@color-button-ghost-border-theme-cosma: @gray1000;
	@decoration-button-standaloneicon-theme-cosma: underline;

	@decoration-button-text-hover-theme-cosma: underline;
	@box-shadow-selection-control-theme-cosma: 0 0 0 16px @gray600Transparent32;
	@box-shadow-radio-button-theme-cosma: 0 0 0 14px fade(@color-checkbox-focus-theme-cosma, 10%);

	@size-border-toggle-switch-theme-cosma: 1px;

	@color-disabled-button-background-theme-cosma: @gray600;
	@color-disabled-button-border-theme-cosma: @gray600;
	@color-disabled-button-text-theme-cosma: @gray800;

	//Cosma theme variables for Text inputs
	@color-border-input-disabled-theme-cosma: @gray600;
	@color-validation-success-theme-cosma: #00dc66;

	// --- Links
	// colors
	@linkColor-theme-cosma:           @blue600;
	@linkColor-with-icon-theme-cosma: @blue600;
	// This is used by the CMS
	@linkHoverColor-theme-cosma:      @gray1000;
	@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-border-input: @color-border-input-theme-core;
@color-border-input-hover-and-focused: @gray1000;
@color-checkbox-hover-background: @cyan100;
@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;
@size-border-toggle-switch: @size-border-toggle-switch-theme-cosma;

// --- Links
// colors
@linkColor:           @linkColor-theme-cosma;
@linkHoverColor:      @linkHoverColor-theme-cosma;
@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;
