/**
 * @file
 * Blue color styling for Team+ for Drupal 8.
#110A40 Dark Blue
#3E42D9 Bright Blue
--color-1: #863ED9; rgb(134 62 217); hsl(268 67 55); Purple
--color-2: #7A2AD5; rgb(122 42 213); hsl(268 67 50); Dark Purple *
--color-2: #D9D43E; rgb(217 212 62); hsl(58 67 55); Yellow
--color-2: #D5CF2A; rgb(213 207 42); hsl(58 67 50); Dark Yellow *
--color-3: #43D93E; rgb(67 217 62); hsl(118 67 55); Green
--color-3: #D43ED9; rgb(212 62 217); hsl(298 67 55); Pink
--color-4: #CF2AD5; rgb(207 42 213); hsl(298 67 50); Dark Pink *
--color-5: #D93E43; rgb(217 62 67); hsl(358 67 55); Red
--color-6: #D9863E; rgb(217 134 62); hsl(28 67 55);Orange

 */
 
 /* Container for the caption inside Colorbox */
#cboxTitle {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.75); /* Dark translucent background */
  color: #ffffff;                    /* White text */
  padding: 10px 15px;
  font-size: 14px;
  line-height: 1.4;
  border-radius: 4px;                /* Soft corners for the box */
  box-shadow: 0 2px 8px rgba(0,0,0,0.3); /* Subtle depth shadow */
  text-align: center;
}

/* Adjust Colorbox content padding to prevent image overlap */
#cboxContent {
  margin-bottom: 20px;
}

:root {
  /*base color, Old - Purple - #6E5FA0*/
  --mt-color-base: #3E42D9;
  --mt-color-base-dark: #3E42D9;
  --mt-color-base-light: #3E42D9;
  --mt-color-base-contrast: #D8D4E5;
  --mt-color-base-value: 62, 66, 217;
  --mt-color-base-contrast-value: 158, 160, 236;

  /*primary color -- The Darkest Blue*/
  --mt-color-primary: hsl(248, 73%, 15%);
  --mt-color-primary-dark: hsl(248, 73%, 8%);
  --mt-color-primary-light: hsl(248, 73%, 25%);
  --mt-color-primary-contrast: var(--mt-color-base-contrast);
  --mt-color-primary-value: 248, 73%, 15%;
  --mt-color-primary-dark-value: 248, 73%, 8%;
  --mt-color-primary-light-value: 248, 73%, 25%;
  --mt-color-primary-contrast-value: var(--mt-color-base-contrast-value);
  --mt-color-primary-filter: invert(17%) sepia(84%) saturate(5637%) hue-rotate(250deg) brightness(100%) contrast(100%);

  /*accent color --  Dark Yellow*/
  --mt-color-accent: #D5CF2A;
  --mt-color-accent-dark: #D5CF2A;
  --mt-color-accent-light: #D5CF2A;
  --mt-color-accent-contrast: var(--mt-color-base);
  --mt-color-accent-contrast-value: var(--mt-color-base-value);

  /*secondary color  -- Light Blue*/
  --mt-color-secondary: hsl(238, 67%, 55%);
  --mt-color-secondary-dark: hsl(238, 67%, 48%);
  --mt-color-secondary-light: hsl(238, 67%, 98%);
  --mt-color-secondary-contrast: var(--mt-color-base-contrast);
  --mt-color-secondary-value: 238, 67%, 55%;

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

  /*shade background*/
  --mt-color-shade: hsl(225, 6%, 13%);
  --mt-color-shade-contrast: var(--mt-color-base-contrast);
  --mt-color-shade-contrast-value: var(--mt-color-base-contrast-value);

  /*dark colored background -- The Dark Blue*/
  --mt-color-dark-colored: hsl(238, 67%, 55%);
  --mt-color-dark-colored-contrast: var(--mt-color-base-contrast);
  --mt-color-dark-colored-value: 248, 73%, 15%
  --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: 255, 255, 255;
  --mt-color-bright-contrast-value: var(--mt-color-base-value);

  /*dark background*/
  --mt-color-dark: #6E5FA0;
  --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: #eaf1f5;
  --mt-color-default-light: #ffffff;
  --mt-color-default-contrast: var(--mt-color-base);
  --mt-color-default-value: 234, 241, 245;
  --mt-color-default-contrast-value: var(--mt-color-base-value);

  /*success*/
  --mt-color-success: #3E9300;
  --mt-color-success-dark: #547f1f;
  --mt-color-success-contrast: #ffffff;

  /*danger*/
  --mt-color-danger: #9A3C23;
  --mt-color-danger-dark: #722C1A;
  --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-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: 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);
}