:root {


  /* font families */
  --font-family: "Inter", Arial, Helvetica, sans-serif;

  /* text */
  --color-text-label: #999999;
  --color-text-head: #fff;
  --color-text-help: #999;
  --color-text-notice: #B40000;
  --color-text-inverse: #fff;

  /* borders */
  --color-border-default: #C4C4C4;
  --color-border-side: #eee;
  --color-border-box: #F0EEF9;

  /* icons */
  --color-icon-menu: #9E9E9E;

  /* page bg */
  /*--color-bg-box: #F0EEF9;*/
  --color-bg-box: rgba(var(--color-secondary-rgb), 0.086);
  --color-bg-side: #ffffff;
  --color-bg-panel: #ffffff;
  --color-bg-input: #ffffff;

  /* messages */
  --color-info: #5A71E9;
  --color-warn: #f1c210;
  --color-error: #F06A6F;
  --color-error-rgb: 240, 106, 111;
  --color-success: #22996E;

}

@media screen and (max-width: 45em) {
  :root {
    --input-height: 48px;
  }
}

@media screen and (min-width: 45em) {
  :root {
    --input-height: 48px;
  }
}