:root {
  color-scheme: light;
  --accentColor1: hsl(218.9, 80%, 63.1%);
  --headerBackground1: hsl(0, 0%, 98%);
  --headerBackgroundColor1: var(--headerBackground1);
  --menuBackground1: hsl(0, 0%, 78%);
  --menuBackground2: hsl(0, 0%, 86%);
  --menuBorder1: hsl(0, 0%, 70%);
  --menuTextColor1: hsla(210, 90%, 0%, 0.6);
  --menuTextColor2: hsla(210, 50%, 55%, 0.6);
  --menuPressedBackground1: hsl(94, 10%, 60%);
  --menuPressedBorder1: hsl(94, 15%, 48%);
  --menuHoverTextColor1: hsla(210, 90%, 0%, 0.95);
  --menuHoverTextColor2: hsla(210, 50%, 55%, 0.95);
  --menuHoverBackground1: hsla(217, 8%, 74%, 0.8);
  --menuActiveBackground1: hsl(217, 8%, 70%);
  --menuColorBackground1: hsl(0, 80%, 75%);
  --menuColorBorder1: hsl(0, 80%, 60%);
  --menuColorBackground2: hsl(94, 33%, 56%);
  --menuColorBorder2: hsl(94, 40%, 40%);
  --menuColorHoverBackground1: hsl(0, 50%, 80%);
  --menuColorActiveBackground1: hsl(0, 80%, 70%);
  --menuColorHoverBackground2: hsl(94, 33%, 68%);
  --menuColorActiveBackground2: hsl(94, 33%, 45%);
  --menuColorColor1: hsl(0, 60%, 45%);
  --menuColorColor2: hsl(94, 40%, 45%);
  --contentHeaderBackground1: hsl(0, 0%, 96.5%);
  --contentBackground1: hsl(0, 0%, 95%);
  --contentBackground2: hsl(0, 0%, 92%);
  --contentBackground3: hsl(0, 0%, 85%);
  --contentBorder1: hsl(0, 0%, 78%);
  --contentBorder2: hsl(0, 0%, 70%);
  --contentBorder3: hsl(0, 0%, 60%);
  --contentColoredBackground1: hsl(180, 15%, 85%);
  --contentColoredBackground2: hsl(180, 15%, 78%);
  --contentColoredBackground3: hsl(180, 15%, 70%);
  --contentColoredBorder1: hsl(180, 12%, 70%);
  --contentColoredBorder2: hsl(180, 12%, 65%);
  --contentColoredBorder3: hsl(180, 12%, 60%);
  --contentBackdropBackground1: hsl(120, 16.1%, 30.4%);
  --contentBackdropBackground2: hsl(120, 14.5%, 27.1%);
  --contentBackdropBackground3: hsl(120, 14.1%, 25.1%);
  --listBackground1: hsl(216, 15%, 92%);
  --listBackground2: hsl(216, 15%, 88%);
  --listBorder1: hsl(216, 15%, 65%);
  --listColoredBackground1: hsl(180, 28%, 82%);
  --listColoredBackground2: hsl(180, 28%, 75%);
  --listColoredBorder1: hsl(180, 28%, 60%);
  --highlightContentBackground1: hsl(0, 0%, 93%);
  --highlightContentBackground2: hsl(0, 0%, 84%);
  --highlightContentBackground3: hsl(0, 0%, 83%);
  --highlightContentBackground4: hsl(0, 0%, 74%);
  --highlightContentBackground5: hsl(0, 0%, 75%);
  --highlightContentBackground6: hsl(0, 0%, 67%);
  --highlightContentBorder1: hsl(216, 15%, 50%);
  --highlightContentBorder2: hsl(216, 15%, 40%);
  --highlightColorContentBackground1: hsl(147, 90%, 60%);
  --highlightColorContentBackground2: hsl(157, 100%, 45%);
  --highlightColorContentBackground3: hsl(147, 88%, 70%);
  --highlightColorContentBackground4: hsl(157, 95%, 45%);
  --highlightColorContentBackground5: hsl(147, 75%, 80%);
  --highlightColorContentBackground6: hsl(157, 85%, 60%);
  --highlightColorContentBorder1: hsl(147, 15%, 40%);
  --highlightColorContentBorder2: hsl(147, 70%, 40%);
  --infoBackground1: hsla(210, 60%, 89%, 0.7);
  --infoBorder1: hsla(210, 60%, 65%, 0.8);
  --infoColor1: hsl(210, 70%, 70%);
  --textColor: hsl(210, 30%, 20%);
  --textGrayColor: hsl(219, 16%, 35%);
  --textBoldColor: hsl(209, 79%, 9%);
  --textAccentColor: hsl(210, 70%, 35%);
  --textBoldAccentColor: hsl(209, 80%, 35%);
  --textLowerColor1: hsl(210, 30%, 30%);
  --textColoredBackgroundColor: hsl(210, 30%, 18%);
  --textColoredBackgroundGrayColor: hsl(210, 15%, 28%);
  --textColoredBackgroundBoldColor: hsl(0, 50%, 5%);
  --textDisabledColor: hsl(210, 16%, 45%);
  --titleTextColor: hsl(222, 91%, 4%);
  --titleTextGrayColor: hsl(215, 16%, 15%);
  --coloredTextColor1: hsl(94, 20%, 50%);
  --coloredTextColor2: hsl(0, 33.3%, 40%);
  --coloredTextHoverColor1: hsl(94, 20%, 60%);
  --coloredTextHoverColor2: hsl(0, 33.3%, 50%);
  --coloredTitleTextColor1: hsl(94, 33%, 30%);
  --coloredTitleTextColor2: hsl(0, 33%, 30%);
  --coloredTitleTextHoverColor1: hsl(94, 22%, 35%);
  --coloredTitleTextHoverColor2: hsl(0, 33%, 35%);
  --headerSecondaryBackground1: hsl(217.5, 14.8%, 10.6%);
  --headerSecondaryBackground2: hsl(216, 14.3%, 6.9%);
  --contentSecondaryBackground1: hsl(220, 13%, 9%);
  --textSecondaryColor: hsl(0, 0%, 80%);
  --textSecondaryGrayColor: hsl(0, 0%, 64%);
  --titleTextSecondaryColor1: hsl(0, 0%, 96%);
  --coloredTextSecondaryColor1: hsl(94, 15%, 50%);
  --coloredTextSecondaryColor2: hsl(218, 70%, 70%);
  --coloredTextSecondaryHoverColor1: hsl(94, 15%, 60%);
  --coloredTextSecondaryHoverColor2: hsl(218, 80%, 80%);
  --coloredTitleTextSecondaryColor1: hsl(94, 22%, 55%);
  --coloredTitleTextSecondaryColor2: hsl(218, 80%, 63%);
  --coloredTitleTextSecondaryHoverColor1: hsl(94, 22%, 65%);
  --coloredTitleTextSecondaryHoverColor2: hsl(218, 80%, 75%);
  --successTextColor1: hsl(120, 40%, 50%);
  --errorTextColor1: hsl(0, 50%, 60%);
  --shadowLightColor: hsl(0, 0%, 35%);
  --shadowColor: hsl(0, 0%, 20%);
  --shadowDarkColor: hsl(0, 0%, 13%);
  --shadowBlackColor: hsl(0, 0%, 2%);
  --mdColor1: hsla(0, 0%, 0%, 0.54);
  --mdInactiveColor1: hsla(0, 0%, 0%, 0.26);
  --mdSecondaryColor1: hsla(0, 0%, 100%, 1);
  --mdInactiveSecondaryColor1: hsla(0, 0%, 100%, 0.3);
  --focusColor1: hsl(192, 100%, 44%);
  --focusColor2: hsla(192, 100%, 75%, 0.5);
  --highlightOverlayColorSubtle: hsla(0, 0%, 70%, 0.2);
  --linkNormal: hsl(234, 71%, 53%);
  --linkHover1: hsl(354, 83%, 40%);
  --linkHover2: hsl(20, 83%, 40%);
  --linkVisited: hsl(300, 33%, 40%);
  --documentColor1: hsl(94, 30%, 32%);
  --documentVisitedColor1: hsl(160, 36%, 36%);
  --documentHoverColor1: var(--linkHover1);
  --documentHoverColor2: var(--linkHover2);
  --linkSecondaryNormal: hsl(232, 69%, 67%);
  --linkSecondaryHover1: hsl(354, 85%, 63%);
  --linkSecondaryHover2: hsl(30, 85%, 63%);
  --linkSecondaryVisited: hsl(300, 33%, 59%);
  --linkSecondaryFocusColor1: hsl(5, 65%, 55%);
  --linkSecondaryFocusColor2: hsla(5, 80%, 65%, 0.5);
  --buttonBackground1: hsl(216, 10%, 94%);
  --buttonBorder1: hsl(216, 10%, 60%);
  --buttonColor1: hsl(216, 16%, 30%);
  --buttonHoverBackground1: hsl(216, 8%, 87%);
  --buttonHoverColor1: hsl(216, 20%, 15%);
  --buttonActiveBackground1: hsl(216, 10%, 80%);
  --buttonDisabledBackground1: hsl(216, 7%, 86%);
  --buttonDisabledBorder1: hsl(216, 7%, 72%);
  --buttonDisabledColor1: hsl(216, 10%, 36%);
  --menuColorBackground1: hsl(0, 80%, 75%);
  --menuColorBorder1: hsl(0, 80%, 60%);
  --menuColorBackground2: hsl(94, 33%, 56%);
  --menuColorBorder2: hsl(94, 40%, 40%);
  --menuColorHoverBackground1: hsl(0, 50%, 80%);
  --menuColorActiveBackground1: hsl(0, 80%, 70%);
  --menuColorHoverBackground2: hsl(94, 33%, 68%);
  --menuColorActiveBackground2: hsl(94, 33%, 45%);
  --highlightButtonBackground1: hsl(94, 30%, 60%);
  --highlightButtonBorder1: hsl(94, 28%, 45%);
  --highlightButtonHoverBackground1: hsl(94, 38%, 68%);
  --highlightButtonActiveBackground1: hsl(94, 33%, 58%);
  --highlightButtonDisabledBackground1: hsl(94, 15%, 60%);
  --highlightButtonDisabledBorder1: hsl(94, 12%, 50%);
  --textButtonHoverBackground1: hsla(0, 0%, 60%, 0.5);
  --textButtonActiveBackground1: hsla(0, 0%, 40%, 0.6);
  --invertedButtonSecondaryBackground1: hsl(0, 0%, 80%);
  --invertedButtonSecondaryHoverBackground1: hsl(0, 0%, 70%);
  --invertedButtonSecondaryActiveBackground1: hsl(0, 0%, 62%);
  --inputBackground1: hsl(0, 0%, 100%);
  --inputBackground2: hsl(240, 0%, 92%);
  --inputHoverBackground1: hsl(216, 8%, 91%);
  --inputHoverBackground2: hsl(240, 8%, 83%);
  --inputActiveBackground2: hsl(240, 5%, 71%);
  --inputBorder: hsl(0, 0%, 52%);
  --inputHoverBorder1: hsl(216, 8%, 40%);
  --inputInactiveBackground1: hsl(216, 7%, 79%);
  --inputInactiveBorder1: hsl(216, 7%, 68%);
  --inputFocusColor1: hsl(214, 100%, 44%);
  --inputFocusColor2: hsl(0, 0%, 100%);
  --inputFocusColor3: hsl(204, 70%, 80%);
  --inputFocusBorder: 2px solid var(--inputFocusColor1);
  --inputFocusBorderOutline: 2px solid var(--inputFocusColor3);
  --inputFocusOutline: 2px solid var(--inputFocusColor1);
  --inputFocusOutlineShadow: 0 0 0 3.5px var(--inputFocusColor3);
  --inputCheckedBackground1: hsl(214, 100%, 44%);
  --inputCheckedHoverBackground1: hsl(214, 100%, 53%);
  --inputCheckedActiveBackground1: hsl(214, 100%, 70%);
  --inputCheckedColor1: hsl(214, 0%, 100%);
  --modifiedBorder: hsl(40, 30%, 50%);
  --modifiedFocusColor1: hsl(40, 100%, 44%);
  --modifiedFocusColor2: hsla(40, 100%, 60%, 0.4);
  --newBorder: hsl(110, 20%, 50%);
  --newFocusColor1: hsl(100, 70%, 44%);
  --newFocusColor2: hsla(100, 90%, 60%, 0.4);
  --requiredColor1: hsl(0, 80%, 60%);
  --syntaxBackground: hsl(207, 80%, 98%);
  --syntaxBorder: hsl(207, 40%, 90%);
  --syntaxNameColor: hsl(182, 86%, 33%);
  --syntaxStringColor: hsl(288, 48%, 69%);
  --syntaxStringMarkColor: hsl(322, 78%, 30%);
  --syntaxEscapedChar: hsl(300, 40%, 50%);
  --syntaxNumberColor: hsl(314, 91%, 39%);
  --syntaxBooleanColor: hsl(17, 59%, 58%);
  --syntaxNullColor: hsl(350, 69%, 57%);
  --syntaxBracketColor: hsl(38, 24%, 70%);
  --syntaxOperatorColor: hsl(276, 50%, 60%);
  --syntaxPunctuation: hsl(240, 25%, 50%);
}/*# sourceMappingURL=theme.light.css.map */