/*
 * @file
 * Steel subtheme color scheme.
 *
 * The below is mostly wrong now...
 * Primary:   Warm Gray   #584f49  hsl(24deg 9.3% 31.8%)  or blue gray #556479
 * Secondary: Rust Orange #b06030  hsl(22.5deg 57.1% 44.3%)
 * Dark:      Near-Black  #1c1917  hsl(24deg 8.8% 9.6%)
 * Main light background: #fcfaf6
 */
:root {
  /* base color */
  --mt-color-base: #1c1917; /* Formerly #383330 Warm Charcoal */
  --mt-color-base-dark: var(--mt-color-base); /* Not useful for this to be diff from dark */
  --mt-color-base-light: #5b5550; /* Warm Slate */
  --mt-color-base-contrast: #fcfaf6; /* Soft Cream */
  --mt-color-base-value: 28, 25, 23;
  --mt-color-base-contrast-value: 252, 250, 246;

  /* primary color – Warm Gray */
  --mt-color-primary: #5f656d; /* slightly blue gray */
  --mt-color-primary-dark: hsl(216, 7%, 20%);
  --mt-color-primary-light: hsl(216, 7%, 60%);
  --mt-color-primary-contrast: var(--mt-color-base-contrast);
  --mt-color-primary-value: 24, 9%, 32%;
  --mt-color-primary-dark-value: 24, 9%, 37%;
  --mt-color-primary-light-value: 24, 9%, 55%;
  --mt-color-primary-contrast-value: var(--mt-color-base-contrast-value);
  --mt-color-primary-filter: invert(44%) sepia(8%) saturate(300%) hue-rotate(340deg) brightness(95%) contrast(90%);

  /* accent color */
  --mt-color-accent: #ece8e4;
  --mt-color-accent-dark: #ded9d3;
  --mt-color-accent-light: #f7f6f4;
  --mt-color-accent-contrast: var(--mt-color-base);
  --mt-color-accent-contrast-value: var(--mt-color-base-value);

  /* secondary color – 'Rust Orange' */
  --mt-color-secondary: #b06030; /* formerly #c8806a and #a8563e */
  --mt-color-secondary-dark: #844922;
  --mt-color-secondary-light: #c87038;
  --mt-color-secondary-xtrlight: #d18557;
  --mt-color-secondary-contrast: var(--mt-color-base-contrast);
  --mt-color-secondary-value: 22.5, 57.1%, 44.3%;
  --mt-link-color: var(--mt-color-secondary);

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

  /* shade background – Near-Black */
  --mt-color-shade: #2b2b2c;
  --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: var(--mt-color-primary);
  --mt-color-dark-colored-contrast: var(--mt-color-base-contrast);
  --mt-color-dark-colored-value: 24, 9%, 32%;
  --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: #fcfaf6;
  --mt-color-bright-contrast: var(--mt-color-base);
  --mt-color-bright-value: 252, 250, 246;
  --mt-color-bright-contrast-value: var(--mt-color-base-value);

  /* dark background */
  --mt-color-dark: var(--mt-color-base);
  --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: #f9f7f4;
  --mt-color-default-light: #f9f7f4;
  --mt-color-default-contrast: var(--mt-color-base);
  --mt-color-default-value: 249, 247, 244;
  --mt-color-default-contrast-value: var(--mt-color-base-value);

  /* success */
  --mt-color-success: var(--mt-color-primary-light);
  --mt-color-success-dark: var(--mt-color-primary);
  --mt-color-success-contrast: var(--mt-color-bright);

  /* danger */
  --mt-color-danger: #cc0000;
  --mt-color-danger-dark: #980a00;
  --mt-color-danger-contrast: #ffffff;

  /* warning */
  --mt-color-warning: #ea9900;
  --mt-color-warning-dark: #e2630b;
  --mt-color-warning-contrast: #ffffff;

  /* forms */
  /*--mt-form-border: rgba(var(--mt-color-base-value), 0.2);*/
  --mt-form-border: var(--mt-border-color);
  --mt-form-border-contrast: rgba(var(--mt-color-base-contrast-value), 0.4);
  --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: #675d66;
  --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);
  --mt-form-background: #fff;
  /* General Border/divider */
  --mt-border-color: #cfc9c4;
}

/* tables */
table tr th {
  background-color: var(--mt-color-accent);
}
/* table sort */
body td.is-active {
  background-color: var(--mt-color-bright);
}
/* Messages */
.messages a {
  color: var(--mt-color-bright);
}