:root {
  /* Base color */
  --mt-color-base: #000;
  --mt-color-base-dark: #004b63;
  --mt-color-base-light: #008cb0;
  --mt-color-base-contrast: #ffffff;
  --mt-color-base-value: 0, 96, 127;
  --mt-color-base-contrast-value: 255, 255, 255;

  /* Primary color */
  --mt-color-primary: #f68d2c;
  --mt-color-primary-dark: #d97522;
  --mt-color-primary-light: #ffaa55;
  --mt-color-primary-contrast: #000;
  --mt-color-primary-value: 246, 141, 44;
  --mt-color-primary-dark-value: 217, 117, 34;
  --mt-color-primary-light-value: 255, 170, 85;
  --mt-color-primary-contrast-value: var(--mt-color-base-contrast-value);

  /* Accent color */
  --mt-color-accent: #008cb0;
  --mt-color-accent-dark: #00607f;
  --mt-color-accent-light: #55c3e0;
  --mt-color-accent-contrast: var(--mt-color-base);
  --mt-color-accent-contrast-value: var(--mt-color-base-value);

  /* Secondary color */
  --mt-color-secondary: #008cb0;
  --mt-color-secondary-dark: #00607f;
  --mt-color-secondary-light: #4B453F;
  --mt-color-secondary-contrast: var(--mt-color-base-contrast);
  --mt-color-secondary-value: 0, 140, 176;

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

  /* Shade background */
  --mt-color-shade: #004b63;
  --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: #004b63;
  --mt-color-dark-colored-contrast: var(--mt-color-base-contrast);
  --mt-color-dark-colored-value: 0, 75, 99;
  --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: #ffffff;
  --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: #fff;
  --mt-color-default-contrast: var(--mt-color-base);
  --mt-color-default-value: 245, 245, 245;
  --mt-color-default-contrast-value: var(--mt-color-base-value);

  /* Success */
  --mt-color-success: #2F9E44;
  --mt-color-success-dark: #1F732D;
  --mt-color-success-contrast: #ffffff;

  /* Danger */
  --mt-color-danger: #E63946;
  --mt-color-danger-dark: #B02430;
  --mt-color-danger-contrast: #ffffff;

  /* Warning */
  --mt-color-warning: #E6A500;
  --mt-color-warning-dark: #B8860B;
  --mt-color-warning-contrast: #ffffff;
}