/**
 * @file
 * Steelhead Composites color styling.
 *
 * Base color: #007989
 */
:root {
  /*base color*/
  --mt-color-base: #0090ba
  --mt-color-base-dark: #323232;
  --mt-color-base-light: #0090ba;
  --mt-color-base-contrast: #F6F9FC;
  --mt-color-base-value: 50, 50, 50;
  --mt-color-base-contrast-value: 246, 249, 252;

  /*primary color*/
  --mt-color-primary:  	hsl(194, 100%, 36%);
  --mt-color-primary-dark: hsl(232, 60%, 7%);
  --mt-color-primary-light: hsl(215, 45%, 29%);
  --mt-color-primary-contrast: var(--mt-color-base-contrast);
  --mt-color-primary-value: 232, 58%, 19%;
  --mt-color-primary-dark-value: 232, 60%, 7%;
  --mt-color-primary-light-value: 212, 53%, 35%;
  --mt-color-primary-contrast-value: var(--mt-color-base-contrast-value);
  --mt-color-primary-filter: invert(23%) sepia(96%) saturate(1969%) hue-rotate(167deg) brightness(97%) contrast(101%);

  /*accent color*/
  --mt-color-accent: hsl(0, 0%, 86%);
  --mt-color-accent-dark: #898d8d;
  --mt-color-accent-light: #f3f3f3;
  --mt-color-accent-contrast: var(--mt-color-base);
  --mt-color-accent-contrast-value: var(--mt-color-base-value);

  /*secondary color*/
  --mt-color-secondary: hsl(212, 53%, 35%);
  --mt-color-secondary-dark: hsl(186, 38%, 27%);
  --mt-color-secondary-light:  	hsl(0, 0%, 86%);
  --mt-color-secondary-contrast: var(--mt-color-base-contrast);
  --mt-color-secondary-value: 187, 100%, 28%;

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

  /*shade background*/
  --mt-color-shade: hsl(204, 3%, 34%);
  --mt-color-shade-contrast: var(--mt-color-base-contrast);
  --mt-color-shade-contrast-value: var(--mt-color-base-contrast-value);

  /*dark colored background*/
  --mt-color-dark-colored: hsl(194, 34%, 17%);
  --mt-color-dark-colored-contrast: var(--mt-color-base-contrast);
  --mt-color-dark-colored-value: 187, 100%, 20%;
  --mt-color-dark-colored-contrast-value: var(--mt-color-base-contrast-value);

  /*colored background*/
  --mt-color-colored: var(--mt-color-primary);
  --mt-color-colored-light: var(--mt-color-primary-light);
  --mt-color-colored-contrast: var(--mt-color-primary-contrast);
  --mt-color-colored-value: var(--mt-color-primary-value);
  --mt-color-colored-contrast-value: var(--mt-color-primary-contrast-value);

  /*bright background*/
  --mt-color-bright: #dcdcdc;
  --mt-color-bright-contrast: var(--mt-color-base);
  --mt-color-bright-value: var(--mt-color-base-contrast-value);
  --mt-color-bright-contrast-value: var(--mt-color-base-value);

  /*dark background*/
  --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*/
  --mt-color-pattern: #ffffff;
  --mt-color-pattern-contrast: var(--mt-color-base);
  --mt-color-pattern-contrast-value: var(--mt-color-base-value);

  /*default background*/
  --mt-color-default: #ffffff;
  --mt-color-default-light: #ffffff;
  --mt-color-default-contrast: var(--mt-color-base);
  --mt-color-default-value: 242, 242, 242;
  --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;
}