/**
 * @file
 * Blue color styling for Clean+ for Drupal 8.
 * Base: #105981 (Azul petróleo) | Accent: #F7A93D (Laranja vibrante)
 */
:root {
  /*base color*/
  --mt-color-base: #323232;
  --mt-color-base-dark: #1a1a1a;
  --mt-color-base-light: #4a4a4a;
  --mt-color-base-contrast: #F6F9FC;
  --mt-color-base-value: 50, 50, 50;
  --mt-color-base-contrast-value: 246, 249, 252;

  /*primary color - Azul petróleo*/
  --mt-color-primary: hsl(199, 78%, 29%);
  --mt-color-primary-dark: hsl(199, 78%, 22%);
  --mt-color-primary-light: hsl(199, 78%, 45%);
  --mt-color-primary-contrast: #ffffff;
  --mt-color-primary-value: 199, 78%, 29%;
  --mt-color-primary-dark-value: 199, 78%, 22%;
  --mt-color-primary-light-value: 199, 78%, 45%;
  --mt-color-primary-contrast-value: 255, 255, 255;
  --mt-color-primary-filter: invert(28%) sepia(52%) saturate(1247%) hue-rotate(163deg) brightness(93%) contrast(92%);

  /*accent color - Laranja realce*/
  --mt-color-accent: hsl(36, 92%, 60%);
  --mt-color-accent-dark: hsl(36, 92%, 50%);
  --mt-color-accent-light: hsl(36, 92%, 70%);
  --mt-color-accent-contrast: #1a1a1a;
  --mt-color-accent-value: 36, 92%, 60%;
  --mt-color-accent-contrast-value: 26, 26, 26;

  /*secondary color - Azul complementar*/
  --mt-color-secondary: hsl(199, 60%, 50%);
  --mt-color-secondary-dark: hsl(199, 60%, 40%);
  --mt-color-secondary-light: hsl(199, 60%, 85%);
  --mt-color-secondary-contrast: #ffffff;
  --mt-color-secondary-value: 199, 60%, 50%;

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

  /*shade background*/
  --mt-color-shade: hsl(199, 20%, 15%);
  --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(199, 78%, 20%);
  --mt-color-dark-colored-contrast: #ffffff;
  --mt-color-dark-colored-value: 199, 78%, 20%;
  --mt-color-dark-colored-contrast-value: 255, 255, 255;

  /*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: #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*/
  --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: #fafbfc;
  --mt-color-default-contrast: var(--mt-color-base);
  --mt-color-default-value: 255, 255, 255;
  --mt-color-default-contrast-value: var(--mt-color-base-value);

  /*success*/
  --mt-color-success: #2d7a1f;
  --mt-color-success-dark: #1f5415;
  --mt-color-success-contrast: #ffffff;

  /*danger*/
  --mt-color-danger: #c72020;
  --mt-color-danger-dark: #9a1515;
  --mt-color-danger-contrast: #ffffff;

  /*warning*/
  --mt-color-warning: hsl(36, 92%, 50%);
  --mt-color-warning-dark: hsl(36, 92%, 40%);
  --mt-color-warning-contrast: #1a1a1a;

  /*forms*/
  --mt-form-border: rgba(var(--mt-color-base-value), 0.2);
  --mt-form-border-contrast: rgba(var(--mt-color-base-contrast-value), 0.3);
  --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);
}