:root {
  --text-color: #11284E;
  --error-color: #E60000;
  --disabled-color: #808080;
  --disabled-background-color: #eeeeee;
  --border-color: var(--text-color);
  --border-color-selected: var(--secondary-color);
  --box-shadow-size: 1px;
  --background-color: #F7FAFD;
  --background-color-light: #FCFEFF;
  --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: #fcfefb; /* 99% luminance */
  --secondary-color-very-light: #E9F5E5;
  --secondary-color-light: #C2E5B8;
  --secondary-color-slightly-light: #73d554;
  --secondary-color: #62BB46;
  --secondary-color-dark: #4b9335;
  --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);
  --shadow-color-light: rgba(0.9, 0.9, 0.9, 0.1);
  --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);

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

  --base-font-size: 16px;
  --base-font-weight: 600;
  --label-font-weight: 700;
  --btn-font-size: 24px;

  --input-border-radius: 5px;

  --warning-color: #9c7709;
  --warning-background-color: #fffef8;
  --warning-color-border: #fac809;

  --link-color: var(--primary-color);

  --icon-btn-next: url("data:image/svg+xml;utf8,<svg width='40px' height='28px' viewBox='6 -10 42 32' version='1.1' xmlns='http://www.w3.org/2000/svg'><path d='M 30 1 L 40 11 L 30 21' stroke='%23fff' stroke-width='3' fill='none'/></svg>");
  --icon-btn-next-small: url("data:image/svg+xml;utf8,<svg width='30px' height='21px' viewBox='6 -10 42 32' version='1.1' xmlns='http://www.w3.org/2000/svg'><path d='M 30 1 L 40 11 L 30 21' stroke='%23fff' stroke-width='3' fill='none'/></svg>");
  --icon-btn-previous: url("data:image/svg+xml;utf8,<svg width='40px' height='28px' viewBox='0 -10 36 32' version='1.1' xmlns='http://www.w3.org/2000/svg'><path d='M 10 1 L 0 11 L 10 21' stroke='%23707070' stroke-width='3' fill='none'/></svg>");

  --icon-dropdown: url("data:image/svg+xml;utf8,<svg width='20px' height='16px' viewBox='0 0 20 16' version='1.1' xmlns='http://www.w3.org/2000/svg'><polygon points='0,0 20,0 10,16' fill='%2362BB46'/></svg>");
  --icon-radio: url("data:image/svg+xml;utf8,<svg width='22px' height='22px' viewBox='0 0 42 42' version='1.1' xmlns='http://www.w3.org/2000/svg'><g stroke='%23707070' stroke-width='2' fill='none'><circle cx='21' cy='21' r='19'/></g></svg>");
  --icon-radio-checked: url("data:image/svg+xml;utf8,<svg width='22px' height='22px' viewBox='0 0 42 42' version='1.1' xmlns='http://www.w3.org/2000/svg'><g stroke='%2362BB46' stroke-width='2' fill='none'><circle cx='21' cy='21' r='19'/><circle cx='21' cy='21' r='12' fill='%2362BB46'/></g></svg>");

  --icon-help: url("data:image/svg+xml;utf8,<svg width='16px' height='16px' viewBox='0 0 42 42' version='1.1' xmlns='http://www.w3.org/2000/svg'><g stroke='%232066D6' stroke-width='4' fill='none'><circle cx='21' cy='21' r='19'/><circle cx='21' cy='11' r='2' fill='%232066D6'/><line x1='21' y1='18' x2='21' y2='34' stroke-width='5'/></g></svg>");

  --radio-indent: 52px;

  --date-icon-size: 28px;
}