:root {
  --d2dBlue: #2B2D5B;
  --d2dDarkBlue: #151C46;
  --d2dAltBlue: #2E3E96;
  --d2dOrange: #FF5722;
  --d2dGold: #FFA000;
  --d2dWhite: #FFFFFF;
  --d2dGrey: #58585A;
  --d2dLightGrey: #BBBBBB;
  --d2dSilver: #EEEEEE;
  --d2dRed: #B20000;
  --d2dFlatGrey: #CCCCCC;
  --d2dGreen: #57B45A;
  --d2dDarkGreen: #2C813D;
  --d2dCheckmarkGreen: #57B359;
  --d2dCheckmarkDisableGreen: #84C586;
  --d2dLightGreenBackground: #EFF8EF;

  --d2dPurple: #6C5BBB;
  --d2dSlate: #AAAAAA;
  --d2dDirtyYellow: #FFE0B2;
  --d2dPaleBlue: #ECEFF1;
  --d2dLightBlue: #C3CCD1;
  --d2dAltForeground: #90A4AE;
  --d2dAltBackground: #DDDDDD;
  --d2dErrorBackground: #F4AAA7;
  --d2dLightRed: #F6D5D6;

  --voxAudiobook: #EE4927;
  --voxLightAudiobook: #FFD2B9;
  --d2dPrintYellow: #FFD978;
  --d2dEbookBlue: #616EB9;
  --d2dBlueSteel: #12275C;
  --d2dSelectBGAlt: #636D86;
  --d2dTheLightestGray: #F8F8F8;

  --d2dGoldLight: #FFF3E0;
  --d2dAnotherGrey: #ECEFF1;
  --d2dYAG: #BABABA;

  --d2dFlagBannerGold: #FDD652;

  --d2dPreviewBannerGold: #F57C00;
  --d2dPreviewBannerFold: #E65100;
  --d2dPreviewBannerYellow: #FFA000;

  --d2dFontColor: #2B2B2B;
  --d2dMenuFont: "Roboto Condensed", Verdana, Geneva, sans-serif;
  --d2dRobotoFont: Roboto, Verdana, Geneva, sans-serif;
  --d2dSerifFont: "Playfair Display", Palatino, Georgia, serif;
  --d2dMonospaceFont: "Courier New", Courier, monospace;

  --inputBackground: #F0F0F0;
  --inputBottomBorder: var(--d2dOrange);
  --inputBackgroundDisabled: #D9D9D9;
  --inputBottomBorderDisabled: #9E9E9E;
  --inputBorder: #B0BEC5;
  --outlineColor: #1C5959;

  --materializeGrey: #9E9E9E;
  --materializeGreen: #26A69A;

  --pageHeaderBackground: #1c2559;
  --pageHeaderTextColor: #ffffff;
  --pageFooterBackground: #1c2559;
  --pageFooterTextColor: #ffffff;

}