/**
 * @file
 * Blue color styling for Base+ for Drupal 11.
 */
:root {
  /*base color = ok*/
  --mt-color-base: #555;
  --mt-color-base-dark: #323232;
  --mt-color-base-light: #555;
  --mt-color-base-contrast: #F6F9FC;
  --mt-color-base-value: 50, 50, 50;
  --mt-color-base-contrast-value: 246, 249, 252;

  /*primary color = Primary (Navy)#004077*/
  --mt-color-primary: hsl(208, 100%, 23%);
  --mt-color-primary-dark: hsl(208, 100%, 13%);
  --mt-color-primary-light: hsl(208, 100%, 33%);
  --mt-color-primary-contrast: var(--mt-color-base-contrast);
  --mt-color-primary-value: 208, 100%, 23%;
  --mt-color-primary-dark-value: 208, 100%, 13%;
  --mt-color-primary-light-value: 208, 100%, 33%;
  --mt-color-primary-contrast-value: var(--mt-color-base-contrast-value);
  --mt-color-primary-filter: invert(17%) sepia(84%) saturate(5637%) hue-rotate(250deg) brightness(100%) contrast(100%);

  /*accent color = Mint Light	#d2ece6*/
  --mt-color-accent: hsl(166, 41%, 88%);
  --mt-color-accent-dark: hsl(166, 41%, 88%);
  --mt-color-accent-light: hsl(166, 41%, 88%);
  --mt-color-accent-contrast: var(--mt-color-base);
  --mt-color-accent-contrast-value: var(--mt-color-base-value);

  /*secondary color = Primary Dark	#214167*/
  --mt-color-secondary: hsl(213, 52%, 27%);
  --mt-color-secondary-dark: hsl(213, 52%, 14%);
  --mt-color-secondary-light: hsl(213, 52%, 60%);
  --mt-color-secondary-contrast: var(--mt-color-base-contrast);
  --mt-color-secondary-value: 213, 52%, 27%;

  /*tint background = ok*/
  --mt-color-tint: #f6f6f6;
  --mt-color-tint-contrast: var(--mt-color-base);
  --mt-color-tint-contrast-value: var(--mt-color-base-value);

  /*shade background = ok*/
  --mt-color-shade: hsl(225, 6%, 13%);
  --mt-color-shade-contrast: var(--mt-color-base-contrast);
  --mt-color-shade-contrast-value: var(--mt-color-base-contrast-value);

  /*dark colored background = Primary (Navy) #004077*/
  --mt-color-dark-colored: hsl(208, 100%, 23%);
  --mt-color-dark-colored-contrast: var(--mt-color-base-contrast);
  --mt-color-dark-colored-value: 208, 100%, 23%;
  --mt-color-dark-colored-contrast-value: var(--mt-color-base-contrast-value);

  /*colored background = Mint (Secondary)	#59b69c*/
  --mt-color-colored: hsl(163, 39%, 53%);
  --mt-color-colored-light: hsl(167, 40%, 58%);
  --mt-color-colored-contrast: var(--mt-color-primary);;
  --mt-color-colored-value: 163, 39%, 53%;
  --mt-color-colored-contrast-value: var(----mt-color-primary-value);;

  /*bright background = ok*/
  --mt-color-bright: #ffffff;
  --mt-color-bright-contrast: var(--mt-color-base);
  --mt-color-bright-value: 255, 255, 255;
  --mt-color-bright-contrast-value: var(--mt-color-base-value);

  /*dark background = ok*/
  --mt-color-dark: #000000;
  --mt-color-dark-contrast: var(--mt-color-base-contrast);
  --mt-color-dark-contrast-value: var(--mt-color-base-contrast-value);

  /*pattern background = ok*/
  --mt-color-pattern: #ffffff;
  --mt-color-pattern-contrast: var(--mt-color-base);
  --mt-color-pattern-contrast-value: var(--mt-color-base-value);

  /*default background = ok*/
  --mt-color-default: #ffffff;
  --mt-color-default-light: #ffffff;
  --mt-color-default-contrast: var(--mt-color-base);
  --mt-color-default-value: 234, 241, 245;
  --mt-color-default-contrast-value: var(--mt-color-base-value);

  /*success*/
  --mt-color-success: #3E9300;
  --mt-color-success-dark: #547f1f;
  --mt-color-success-contrast: #ffffff;

  /*danger*/
  --mt-color-danger: #CC0000;
  --mt-color-danger-dark: #980a00;
  --mt-color-danger-contrast: #ffffff;

  /*warning*/
  --mt-color-warning: #EA9900;
  --mt-color-warning-dark: #e2630b;
  --mt-color-warning-contrast: #ffffff;

  /*forms*/
  --mt-form-border: rgba(var(--mt-color-base-value), 0.2);
  --mt-form-border-contrast: rgba(var(--mt-color-base-contrast-value), 0.4);
  --mt-form-border-focus: var(--mt-color-primary);
  --mt-form-border-focus-contrast: rgba(var(--mt-color-base-contrast-value), 1);
  --mt-form-color: var(--mt-color-base);
  --mt-form-color-contrast: var(--mt-color-base-contrast);
  --mt-form-label-color: rgba(var(--mt-color-base-value), 0.9);
  --mt-form-placeholder: rgba(var(--mt-color-base-value), 0.5);
  --mt-form-placeholder-contrast: rgba(var(--mt-color-base-contrast-value), 0.5);
  --mt-active-cell: hsla(var(--mt-color-primary-value), 0.12);
}