.hhmt {
  /* font family */
  --ff-primary: 'Quicksand';
  --ff-secondary: 'Atkinson Hyperlegible';
  --ff-tertiary: 'REM';

  /* color */
  --c-primary: var(--ds-c-grey-dark);
  --c-primary-hover: var(--ds-c-grey);

  --c-secondary: var(--ds-c-grey-dark);
  --c-secondary-hover: var(--ds-c-grey);
  --c-secondary-disabled: var(--ds-c-grey-hover);

  --c-tertiary: var(--ds-c-yellow);
  --c-tertiary-hover: var(--ds-c-yellow-hover);
  --c-tertiary-disabled: var(--ds-c-yellow-disabled);
  --c-tertiary-light: var(--ds-c-yellow-light);

  --c-quaternary: var(--ds-c-yellow);

  --c-info: var(--ds-c-yellow);
  --c-info-hover: var(--ds-c-yellow-hover);

  --c-sub-info: var(--ds-c-grey-neutral);
  --c-sub-info-hover: var(--ds-c-grey-hover);

  --c-tab-active: var(--ds-c-white);
  --c-tab-active-2: var(--ds-c-white);
  --c-tab-deactive: var(--ds-c-grey-dark);

  --c-action: var(--ds-c-grey);

  --c-required: var(--ds-c-yellow);

  --c-calculator-rate: var(--ds-c-white);
  --c-calculator-rate2: var(--ds-c-grey-dark);
  --c-calculator-rate3: var(--ds-c-grey-dark);
  --c-calculator-input: var(--ds-c-blue);
  --c-calculator-border: var(--ds-c-grey-dark);

  --c-fxcalculator-bg: var(--ds-c-white);
  --c-fxcalculator-text: var(--ds-c-grey-dark);
  --c-fxcalculator-text2: var(--ds-c-grey-neutral);
  --c-fxcalculator-rate: var(--ds-c-blue-dark);

  /* border */
  --border-primary: none;
  --border-primary-hover: 1px solid var(--ds-c-grey);

  --border-secondary: 1px solid var(--ds-c-yellow);
  --border-secondary-hover: 1px solid var(--ds-c-yellow-hover);

  --border-filter: 1px solid var(--ds-c-blue);
  --border-filter-hover: 1px solid var(--ds-c-blue-hover);

  /* background */
  --bg-primary: var(--ds-c-yellow);
  --bg-primary-hover: var(--ds-c-yellow-hover);
  --bg-primary-disabled: var(--ds-c-yellow-disabled);

  --bg-info: var(--ds-c-red-light);

  --bg-document-upload: #06162f;

  /*  button */
  --button-logout-txt: var(--ds-c-blue);
  --button-logout-bg: var(--ds-c-white);

  /* --root-header */
  --root-header-bg: var(--ds-c-grey-dark);
  --root-header-bs: none;
  --root-header-btn-active: var(--ds-c-yellow);
  --root-header-btn-inactive: var(--ds-c-white);
  --root-header-btn-hover: var(--ds-c-yellow-hover);
  --root-header-text-active: var(--ds-c-grey-dark);

  /* --root-body */
  --root-body-bg: var(--ds-c-white);
  --root-body-bg-hover: var(--ds-c-white);
  --root-body-bg-disabled: var(--ds-c-white);

  /* --root-login */
  --root-login-introduce-bg: rgba(252, 181, 25, 0.8);

  /* --root-footer */
  --root-footer-bg: #212121;

  /* process step */
  --bg-step-1: var(--ds-c-yellow-light);
}

form input::placeholder {
  color: var(--ds-c-grey-hover) !important;
}