/**
 * @file
 * Soothing (massage therapy) color styling for Hilltop Latimer House.
 */
:root {
  /* base color (text / general foreground) */
  --mt-color-base: #2F3E3A;                /* deep charcoal (primary text) */
  --mt-color-base-dark: #1F2B28;           /* darker charcoal */
  --mt-color-base-light: #5B6B66;          /* softened charcoal */
  --mt-color-base-contrast: #FAFAF7;       /* warm off-white */
  --mt-color-base-value: 47, 62, 58;       /* rgb(47, 62, 58) */
  --mt-color-base-contrast-value: 250, 250, 247; /* rgb(250, 250, 247) */

  /* primary color (brand / key UI) */
  --mt-color-primary: #487873;             /* muted teal (CTA / links) */
  --mt-color-primary-dark: #4F847E;        /* deeper teal */
  --mt-color-primary-light: #8FC0B9;       /* lighter teal */
  --mt-color-primary-contrast: #FAFAF7;    /* readable on teal */
  --mt-color-primary-value: 111, 168, 161; /* rgb(111, 168, 161) */
  --mt-color-primary-dark-value: 79, 132, 126;   /* rgb(79, 132, 126) */
  --mt-color-primary-light-value: 143, 192, 185; /* rgb(143, 192, 185) */
  --mt-color-primary-contrast-value: 250, 250, 247;

  /*
    Note: filter values are typically used to recolor monochrome SVG icons.
    This value approximates the muted teal.
  */
  --mt-color-primary-filter: invert(63%) sepia(14%) saturate(544%) hue-rotate(124deg) brightness(92%) contrast(90%);

  /* accent color (cards, soft surfaces) */
  --mt-color-accent: #E6EFEA;              /* soft sage green */
  --mt-color-accent-dark: #D6E3DC;         /* slightly deeper sage */
  --mt-color-accent-light: #F1F7F4;        /* very light sage */
  --mt-color-accent-contrast: var(--mt-color-base);
  --mt-color-accent-contrast-value: var(--mt-color-base-value);

  /* secondary color (supporting highlights) */
  --mt-color-secondary: #D8CFC4;           /* soft sand beige */
  --mt-color-secondary-dark: #BFB4A7;      /* deeper sand */
  --mt-color-secondary-light: #E8E1D8;     /* lighter sand */
  --mt-color-secondary-contrast: var(--mt-color-base);
  --mt-color-secondary-value: 216, 207, 196; /* rgb(216, 207, 196) */

  /* tint background (subtle page tint) */
  --mt-color-tint: #FAFAF7;                /* warm off-white */
  --mt-color-tint-contrast: var(--mt-color-base);
  --mt-color-tint-contrast-value: var(--mt-color-base-value);

  /* shade background (muted gray-green for separators / subtle contrast) */
  --mt-color-shade: #C9D5CF;               /* soft cool-sage gray */
  --mt-color-shade-contrast: var(--mt-color-base);
  --mt-color-shade-contrast-value: var(--mt-color-base-value);

  /* dark colored background (deep section background) */
  --mt-color-dark-colored: #2E4F4A;        /* deep teal-charcoal */
  --mt-color-dark-colored-contrast: #FAFAF7;
  --mt-color-dark-colored-value: 46, 79, 74;     /* rgb(46, 79, 74) */
  --mt-color-dark-colored-contrast-value: 250, 250, 247;

  /* colored background (maps to primary) */
  --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: #1F2B28;                /* darker charcoal */
  --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: #FAFAF7;
  --mt-color-pattern-contrast: var(--mt-color-base);
  --mt-color-pattern-contrast-value: var(--mt-color-base-value);

  /* default background */
  --mt-color-default: #FAFAF7;             /* warm off-white */
  --mt-color-default-light: #FFFFFF;
  --mt-color-default-contrast: 230, 239, 234;     /* soft sage tint */
  --mt-color-default-value: 250, 250, 247;        /* warm off-white */
  --mt-color-default-contrast-value: var(--mt-color-base-value);

  /* success */
  --mt-color-success: #2F8F6A;             /* calm green */
  --mt-color-success-dark: #247255;
  --mt-color-success-contrast: #FFFFFF;

  /* danger */
  --mt-color-danger: #B23A3A;              /* softened red (less aggressive) */
  --mt-color-danger-dark: #8E2E2E;
  --mt-color-danger-contrast: #FFFFFF;

  /* warning */
  --mt-color-warning: #C58B2C;             /* muted amber */
  --mt-color-warning-dark: #9E6F22;
  --mt-color-warning-contrast: #FFFFFF;
}