/* color scheme */

:root {
  --text-color: #11284E;
  --error-color: #E60000;
  --disabled-color: #808080;
  --border-color: var(--text-color);
  --border-color-selected: var(--secondary-color);
  --background-color: #F7FAFD;
  --primary-color-very-very-light: #F6FAFF;
  --primary-color-hover: #F7F7F7;
  --primary-color-focus: #E1EBF9;
  --primary-color-very-light: #DDEDFF;
  --primary-color-light: #B8D9FF;
  --primary-color: #2066D6;
  --secondary-color-very-very-light: #eef5ec;
  --secondary-color-very-light: #E9F5E5;
  --secondary-color-light: #C2E5B8;
  --secondary-color: #62BB46;
  --secondary-color-hover: #F7F7F7;
  --divider-color: rgba(0.27, 0.27, 0.27, 0.5);
  --shadow-color: rgba(0.7, 0.7, 0.7, 0.2);
  --toggle-inactive-color: #bbbbbb;
  --cta-text-color: white;
  --cta-gradient: linear-gradient(0deg, var(--secondary-color), var(--secondary-color));
  --cta-disabled-text-color: black;
  --cta-disabled-gradient: linear-gradient(0deg, lightgray, darkgray);
  --debug-panel-color: var(--primary-color-light);
  --autofill-color: var(--primary-color-light);

  --radio-border-color: #707070;
  --radio-border-color-selected: var(--secondary-color);
  --radio-size: 14px;

  --input-border-radius: 5px;

  --buttons-hover-green: #42a923;
  --buttons-hover-grey: #f4f7fc;
  
  --sepa-background: #E8EFFB;
  --sepa-color1: #707070;
  --sepa-color2: #11284E;
}