/**
 * @file
 * Dark Cyan Yellow color styling for Groovy+ for Drupal 8.
 */
:root {
  /*base color*/
  --mt-color-base: hsl(60, 1%, 23%);
  --mt-color-base-dark: hsl(60, 1%, 23%);
  --mt-color-base-light: hsl(60, 1%, 23%);
  --mt-color-base-contrast: #f2efeb;

  /*primary color*/
  --mt-color-primary: hsl(173, 44%, 51%);
  --mt-color-primary-dark: hsl(173, 44%, 51%);
  --mt-color-primary-light: hsl(173, 44%, 61%);
  --mt-color-primary-contrast: var(--mt-color-base-contrast);
  --mt-color-primary-value: 173, 44%, 51%;
  --mt-color-primary-light-value: 173, 44%, 61%;

  /*accent color*/
  --mt-color-accent: #f8f9fb;
  --mt-color-accent-dark: #f8f9fb;
  --mt-color-accent-light: #f8f9fb;
  --mt-color-accent-contrast: var(--mt-color-base-dark);
  --mt-color-accent-value: 34, 21%, 94%;

  /*secondary color*/
  --mt-color-secondary: hsl(38, 94%, 59%);
  --mt-color-secondary-dark: hsl(38, 94%, 57%);
  --mt-color-secondary-light: hsl(38, 94%, 59%);
  --mt-color-secondary-contrast: var(--mt-color-base);
  --mt-color-secondary-value: 38, 94%, 59%;
  --mt-color-secondary-dark-value: 38, 94%, 57%;

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

  /*shade background*/
  --mt-color-shade: #3c3c3b;
  --mt-color-shade-contrast: #f2efeb;

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

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

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

  /*dark background*/
  --mt-color-dark: #3c3c3b;
  --mt-color-dark-contrast: var(--mt-color-base-contrast);

  /*default background*/
  --mt-color-default: hsl(240, 60%, 98%);
  --mt-color-default-contrast: var(--mt-color-base);

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

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

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