:root {
  --colorPageBackground: #F3F3F3;
  --colorPageBackground--rgb: 243, 243, 243;
  --colorLight: #FBFBFB;
  --colorLight--rgb: 251, 251, 251;
  --colorText: #292929;
  --colorText--rgb: 41, 41, 41;
  --colorGray100: #FBFBFB;
  --colorGray100--rgb: 251, 251, 251;
  --colorGray200: #F0F0F0;
  --colorGray200--rgb: 240, 240, 240;
  --colorGray300: #D9D9D9;
  --colorGray300--rgb: 217, 217, 217;
  --colorGray400: #C4C4C4;
  --colorGray400--rgb: 196, 196, 196;
  --colorGray500: #B0B0B0;
  --colorGray500--rgb: 176, 176, 176;
  --colorGray600: #9B9B9B;
  --colorGray600--rgb: 155, 155, 155;
  --colorGray700: #878787;
  --colorGray700--rgb: 135, 135, 135;
  --colorGray800: #737373;
  --colorGray800--rgb: 115, 115, 115;
  --colorGray900: #5E5E5E;
  --colorGray900--rgb: 94, 94, 94;
  --colorGray1000: #363636;
  --colorGray1000--rgb: 54, 54, 54;
  --colorAccent000: #E8F4FF;
  --colorAccent000--rgb: 232, 244, 255;
  --colorAccent100: #BEE2FF;
  --colorAccent100--rgb: 190, 226, 255;
  --colorAccent200: #94CFFF;
  --colorAccent200--rgb: 148, 207, 255;
  --colorAccent300: #6ABCFF;
  --colorAccent300--rgb: 106, 188, 255;
  --colorAccent400: #40AAFF;
  --colorAccent400--rgb: 64, 170, 255;
  --colorAccent500: #1692F7;
  --colorAccent500--rgb: 22, 146, 247;
  --colorAccent600: #0072CE;
  --colorAccent600--rgb: 0, 114, 206;
  --colorAccent700: #005BA5;
  --colorAccent700--rgb: 0, 91, 165;
  --colorAccent800: #00457C;
  --colorAccent800--rgb: 0, 69, 124;
  --colorAccent900: #002E54;
  --colorAccent900--rgb: 0, 46, 84;
  --colorWhite: #FFFFFF;
  --colorBlack: #000000;
  --colorError: #be1616;
  --colorErrorBackground: #ffe2e2;
  --colorErrorBorder: #e79393;
  --colorSuccess: #1b6d10;
  --colorSuccessBackground: #c9e9c5;
  --colorSuccessBorder: #8ec986;
  --colorInfo: var(--colorAccent900);
  --colorInfoBackground: var(--colorAccent100);
  --colorInfoBorder: var(--colorAccent200);
  --colorButtonPrimaryColor: var(--colorAccent000);
  --colorButtonPrimaryColorHover: var(--colorAccent000);
  --colorButtonPrimaryBackground: var(--colorAccent600);
  --colorButtonPrimaryBackgroundHover: var(--colorAccent700);
  --colorButtonPrimaryLightColor: var(--colorAccent600);
  --colorButtonPrimaryLightColorHover: var(--colorAccent700);
  --colorButtonPrimaryLightBackground: var(--colorAccent000);
  --colorButtonPrimaryLightBackgroundHover: var(--colorAccent100);
  --colorButtonPrimaryLightBorder: var(--colorAccent300);
  --colorButtonPrimaryLightBorderHover: var(--colorAccent700);
  --colorButtonGrayColor: var(--colorText);
  --colorButtonGrayColorHover: var(--colorText);
  --colorButtonGrayBackground: var(--colorLight);
  --colorButtonGrayBackgroundHover: var(--colorGray300);
  --colorButtonGrayBorder: var(--colorGray300);
  --colorButtonGrayBorderHover: var(--colorGray300);
  --colorButtonRound: var(--colorAccent600);
  --colorButtonRoundHover: var(--colorAccent700);
  --colorButtonRoundBackground: var(--colorAccent200--rgb);
  --colorButtonRoundBackgroundHover: var(--colorAccent200--rgb);
  --colorSwitcherColor: var(--colorGray1000);
  --colorSwitcherColorHover: var(--colorSwitcherColor);
  --colorSwitcherBg: var(--colorGray100);
  --colorSwitcherBgHover: var(--colorGray200);
  --colorSwitcherIconBg: var(--colorGray900);
  --colorSwitcherIconBgHover: var(--colorGray200);
  --colorSwitcherIconFill: var(--colorGray900);
  --colorSwitcherIconFillActive: var(--colorGray200);
  --colorPillboxBorder: var(--colorAccent100);
  --colorPillboxBorderActive: var(--colorAccent600);
  --colorPillboxBackground: var(--colorAccent100);
  --colorPillboxBackgroundHover: var(--colorAccent300);
  --colorPillboxBackgroundActive: var(--colorAccent600);
  --colorPillboxBackgroundActiveHover: var(--colorAccent700);
  --colorPillboxText: var(--colorAccent600);
  --colorPillboxTextActive: var(--colorAccent000);
  --colorPillboxHoverBackground: var(--colorAccent200);
  --colorBarBackground: var(--colorGray100);
  --colorBarBackgroundActive: var(--colorAccent600);
  --colorBarBorderColor: var(--colorGray300);
  --colorBarBorderActive: var(--colorAccent600);
  --colorBarColor: var(--colorText);
  --colorBarColorActive: var(--colorAccent000);
  --colorBarColorHover: var(--colorAccent800);
  --colorBarBorderHover: var(--colorAccent300);
  --colorBarBackgroundHover: var(--colorAccent200);
  --colorPaginationBorder: #dad8d8;
  --colorPaginationBackground: var(--colorPageBackground);
  --colorPagination: #444444;
  --colorPaginationHover: var(--textColor);
  --colorForm: var(--colorText);
  --colorFormBackground: var(--colorGray100);
  --colorControlDrawer: var(--colorGray800);
  --colorControlDrawerInner: var(--colorGray800);
  --colorControlRadioBg: var(--colorGray600);
  --colorInputBorder: 196, 196, 196;
  --colorInputBorderFocus: var(--colorAccent600--rgb);
  --colorPlaceholder: var(--colorGray600);
  --colorConverterFormOut: var(--colorAccent100);
  --colorConverterFormOutText: var(--colorAccent900);
  --colorHighlight: rgb(51, 48, 40);
  --colorHighlightBackground: rgb(255, 244, 213);
  --colorHighlightBorder: rgb(252, 231, 177);
  --contentListBorder: var(--colorPageBackground);
  --colorResultsNumber: var(--colorGray700);
  --spacerTiny: 0.25em;
  --spacerSmall: 0.5em;
  --spacerMedium: 0.7em;
  --spacer: 1em;
  --spacerSemiLarge: 1.5em;
  --spacerLarge: 2em;
  --spacerHuge: 3em;
  --fontSizeBase: 1em;
  --semiOpacityDefault: 0.7;
  --baseLineHeight: 1.4;
  --smallLineHeight: 0.75;
  --largeLineHeight: 1.6;
  --borderRadiusSmall: 0.5em;
  --borderRadiusSemiSmall: 0.7em;
  --borderRadius: 1em;
  --borderRadiusMedium: 1.5em;
  --borderRadiusLarge: 2em;
  --borderSize: 0.06em;
  --contentContainerWidth: 55em;
  --contentConverterContainerWidth: 72em;
}

[data-theme=dark] {
  --colorPageBackground: #212121;
  --colorPageBackground--rgb: 33, 33, 33;
  --colorLight: #2c2c2e;
  --colorLight--rgb: 44, 44, 46;
  --colorText: #e7e7e7;
  --colorText--rgb: 231, 231, 231;
  --colorGray100: #FBFBFB;
  --colorGray100--rgb: 251, 251, 251;
  --colorGray200: #F0F0F0;
  --colorGray200--rgb: 240, 240, 240;
  --colorGray300: #D9D9D9;
  --colorGray300--rgb: 217, 217, 217;
  --colorGray400: #C4C4C4;
  --colorGray400--rgb: 196, 196, 196;
  --colorGray500: #B0B0B0;
  --colorGray500--rgb: 176, 176, 176;
  --colorGray600: #9B9B9B;
  --colorGray600--rgb: 155, 155, 155;
  --colorGray700: #878787;
  --colorGray700--rgb: 135, 135, 135;
  --colorGray800: #737373;
  --colorGray800--rgb: 115, 115, 115;
  --colorGray900: #5E5E5E;
  --colorGray900--rgb: 94, 94, 94;
  --colorGray1000: #2e2e2e;
  --colorGray1000--rgb: 46, 46, 46;
  --colorButtonPrimaryLightColor: var(--colorGray200);
  --colorButtonPrimaryLightColorHover: var(--colorGray300);
  --colorButtonPrimaryLightBackground: var(--colorGray1000);
  --colorButtonPrimaryLightBackgroundHover: var(--colorGray900);
  --colorButtonPrimaryLightBorder: var(--colorGray800);
  --colorButtonPrimaryLightBorderHover: var(--colorGray900);
  --colorButtonGrayColor: var(--colorText);
  --colorButtonGrayColorHover: var(--colorText);
  --colorButtonGrayBackground: var(--colorLight);
  --colorButtonGrayBackgroundHover: var(--colorGray900);
  --colorButtonGrayBorder: var(--colorGray900);
  --colorButtonGrayBorderHover: var(--colorGray900);
  --colorButtonRound: var(--colorAccent600);
  --colorButtonRoundHover: var(--colorAccent700);
  --colorButtonRoundBackground: var(--colorGray900--rgb);
  --colorButtonRoundBackgroundHover: var(--colorGray300--rgb);
  --colorBarBackground: var(--colorGray1000);
  --colorBarBackgroundActive: var(--colorAccent600);
  --colorBarBorderColor: var(--colorGray800);
  --colorBarBorderActive: var(--colorAccent600);
  --colorBarColor: var(--colorText);
  --colorBarColorActive: var(--colorAccent000);
  --colorBarColorHover: var(--colorAccent800);
  --colorBarBorderHover: var(--colorAccent300);
  --colorBarBackgroundHover: var(--colorAccent200);
  --colorForm: var(--colorText);
  --colorFormBackground: var(--colorLight);
  --colorControlDrawer: var(--colorGray400);
  --colorControlDrawerInner: var(--colorGray400);
  --colorControlRadioBg: var(--colorGray300);
  --colorInputBorder: 196, 196, 196;
  --colorInputBorderFocus: var(--colorAccent300--rgb);
  --colorPlaceholder: var(--colorGray300);
  --colorConverterFormOut: var(--colorGray900);
  --colorConverterFormOutText: var(--colorGray200);
}