/**
 * @file
 * RM High-End Builder color styling.
 */
:root {
  /* base color: rich charcoal for body text and base elements */
  --mt-color-base: #2A2A2A;
  --mt-color-base-dark: #1C1C1C;
  --mt-color-base-light: #3A3A3A;
  --mt-color-base-contrast: #F5F5F5;
  --mt-color-base-value: 42, 42, 42;
  --mt-color-base-contrast-value: 245, 245, 245;

  /* primary color: deep bronze for branding and CTAs */
  --mt-color-primary: #231F20;
  --mt-color-primary-dark: #704832;
  --mt-color-primary-light: #E76F2C;
  --mt-color-primary-contrast: var(--mt-color-base-contrast);
  --mt-color-primary-value: 30, 50%, 39%;
  --mt-color-primary-dark-value: 30, 50%, 30%;
  --mt-color-primary-light-value: 30, 50%, 50%;
  --mt-color-primary-contrast-value: var(--mt-color-base-contrast-value);
  --mt-color-primary-filter: invert(34%) sepia(39%) saturate(567%) hue-rotate(10deg) brightness(92%) contrast(85%);

  /* accent color: brushed gold for highlights */
  --mt-color-accent: #C5A253;
  --mt-color-accent-dark: #A48446;
  --mt-color-accent-light: #D8B46A;
  --mt-color-accent-contrast: var(--mt-color-base);
  --mt-color-accent-contrast-value: var(--mt-color-base-value);

  /* secondary color: dark navy for depth */
  --mt-color-secondary: #2C3E50;
  --mt-color-secondary-dark: #1C2833;
  --mt-color-secondary-light: #F6A772;
  --mt-color-secondary-contrast: var(--mt-color-base-contrast);
  --mt-color-secondary-value: 210, 29%, 24%;

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

  /* shade background: very dark neutral */
  --mt-color-shade: #111111;
  --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: #231F20;
  --mt-color-dark-colored-contrast: var(--mt-color-base-contrast);
  --mt-color-dark-colored-value: 28, 28, 28;
  --mt-color-dark-colored-contrast-value: var(--mt-color-base-contrast-value);

  /* colored background */
  --mt-color-colored: #231F20;
  --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: #F5F5F5;
  --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: #3E9300;
  --mt-color-success-dark: #2E7000;
  --mt-color-success-contrast: #FFFFFF;

  /* danger */
  --mt-color-danger: #CC0000;
  --mt-color-danger-dark: #980000;
  --mt-color-danger-contrast: #FFFFFF;

  /* warning */
  --mt-color-warning: #EA9900;
  --mt-color-warning-dark: #C87F00;
  --mt-color-warning-contrast: #FFFFFF;
}