:root {
  /* box shadows */
  --dhcs-button-focus-shadow: 0 0 0 0.25rem rgba(45, 110, 141, 0.25);
  --dhcs-input-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;

  /* text color palette */
  --heading-text-light-background: var(--primary-theme-color-700);
  --heading-text-light-background-secondary: var(--secondary-theme-color-800);
  --body-text-light-background: var(--primary-theme-color-700);
  --link-text-light-background: var(--primary-theme-color-700);
  --link-text-hover-light-background: var(--primary-theme-color-800);
  --heading-text-dark-background: var(--white);
  --body-text-dark-background: var(--white);

  /* background palette */
  --background-color-light: var(--light-gray-theme-color);

  /* gradient palette */
  --gradient-background-image: linear-gradient(243deg, var(--primary-theme-color) 0%, var(--secondary-theme-color) 100%);
  --gradient-background: linear-gradient(243deg, var(--primary-theme-color) 0%, var(--secondary-theme-color) 100%) 0% 0% no-repeat padding-box;
  --linear-gradient-background: linear-gradient(to right, var(--primary-theme-color), var(--secondary-theme-color));

  /* button palette */
  --dhcs-button-hover-tint: rgba(50, 58, 69, 0.1);

  /* tables */
  --dhcs-table-odd-row-background-color: var(--primary-gray-theme-color-100);

  /* side nav palette */
  --dhcs-tabs-color: var(--secondary-theme-color);
  --dhcs-tabs-border-color: var(--secondary-theme-color);
  --dhcs-tabs-bottom-border-color: var(--secondary-theme-color-200);
}