/**
 * @file
 * Blue color styling for Corporate+ for Drupal 8.
 *
 * $base: #3f8edb;
 */
:root {

  /*base color*/
  --mt-body-color: hsl(0, 0%, 30%);
  --mt-heading-color: hsl(0, 0%, 20%);
  --mt-color-base: hsl(0, 0%, 30%);
  --mt-color-base-value: 117, 117, 117;
  --mt-color-base-contrast: hsl(0, 0%, 100%);
  --mt-color-base-contrast-value: 255, 255, 255;
  --mt-color-base-light: hsl(0, 0%, 30%);
  --mt-color-base-dark: hsl(0, 0%, 20%);
  --mt-color-base-dark-value: 54, 54, 54;
  --mt-color-base-dark-contrast: hsl(0, 0%, 100%);

  /* Links colors */
  --mt-link-color: hsl(196, 100%, 39%);
  --mt-link-color-value: 196, 100%, 39%;
  --mt-link-color-hover: hsl(196, 100%, 39%);

  /* Byttons colors */
  --mt-button-primary: hsl(202, 100%, 18%);
  --mt-button-secondary: hsl(0, 0%, 85.1%);
  --mt-button-secondary-contrast: hsl(225, 6%, 13%);

  /*default background*/
  --mt-color-default: hsl(0, 0%, 100%);
  --mt-color-default-contrast: hsl(0, 0%, 30%);
  --mt-color-default-contrast-body: hsl(0, 0%, 30%);
  --mt-color-default-contrast-heading: hsl(0, 0%, 20%);

  /*primary color*/
  --mt-color-primary: hsl(196, 100%, 39%);
  --mt-color-primary-dark: hsl(202, 100%, 18%);
  --mt-color-primary-light: hsl(201, 98%, 81%);
  --mt-color-primary-contrast: hsl(0, 0%, 100%);
  --mt-color-primary-value: 196, 100%, 39%;
  --mt-color-primary-dark-value: 202, 100%, 18%;
  --mt-color-primary-light-value: 201, 98%, 81%;

  /*accent color*/
  --mt-color-accent: hsl(0, 0%, 85.1%);
  --mt-color-accent-dark: hsl(0, 0%, 15%);
  --mt-color-accent-dark-value: 0, 0%, 15%;
  --mt-color-accent-light: hsl(0, 0%, 85.1%);
  --mt-color-accent-contrast: hsl(0, 0%, 20%);
  --mt-color-accent-value: 0, 0%, 85.1%;

  /*secondary color*/
  --mt-color-secondary: hsl(201, 98%, 81%);
  --mt-color-secondary-dark: hsl(0, 0%, 15%);
  --mt-color-secondary-light: hsl(201, 98%, 81%);
  --mt-color-secondary-contrast: hsl(0, 0%, 20%);
  --mt-color-secondary-value: 201, 98%, 81%;

  /*tint background*/
  --mt-color-tint: #f5f5f5;
  --mt-color-tint-contrast: hsl(0, 0%, 30%);

  /*shade background*/
  --mt-color-shade: hsl(0, 0%, 20%);
  --mt-color-shade-contrast: hsl(0, 0%, 100%);

  /*dark colored background*/
  --mt-color-dark-colored: hsl(202, 100%, 18%);
  --mt-color-dark-colored-contrast: var(--mt-color-base-dark-contrast);
  --mt-color-dark-colored-value: 2, 135, 207;

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

  /*bright background*/
  --mt-color-bright: hsl(0, 0%, 100%);
  --mt-color-bright-value: 255, 255, 255;
  --mt-color-bright-contrast: hsl(0, 0%, 30%);
  --mt-color-bright-contrast-value: 0, 0%, 30%;

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

  /*success*/
  --mt-color-success: #3E9300;
  --mt-color-success-dark: #547f1f;
  --mt-color-success-contrast: hsl(0, 0%, 100%);

  /*danger*/
  --mt-color-danger: #CC0000;
  --mt-color-danger-dark: #980a00;
  --mt-color-danger-contrast: hsl(0, 0%, 100%);

  /*warning*/
  --mt-color-warning: #EA9900;
  --mt-color-warning-dark: #E2630B;
  --mt-color-warning-contrast: hsl(0, 0%, 100%);

  --text-size: 18px;
}