/******************************
Variables - Please keep in alphabetical order
******************************/

:root {
  /* Animations */
  --transition-primary: .2s cubic-bezier(0, 0, 0, 1);
  /* Colors */
  --color-accent: #008dd0;
  --color-accent-alt: #dda52e;
  --color-green: #96c63e;
  --color-black333: #333333;
  --color-event-black: #222222;
  --color-event-blue-dark: #14125b;
  --color-gray: #828282;
  --color-gray-medium: #dddddd;
  --color-gray-extra-light: #e7e7e7;
  --color-gray-super-light: #f9f9f9;
  --color-lt-blue-accent: #313c7e;
  --color-primary:#008dd0;
  --color-primary-dark: #18688e;
  --color-red: #f00f00;
  --color-self-managed-accent: #dda52e;
  --color-white: #ffffff;
  --color-momindumorange: #f06625;
  --color-turquoise: #67c8c7;
  /* Dimensions */
  --border-radius-large: 4px;
  --navbar-height: 105px;
  --input-padding: 12px 18px;
  /* Other */
  --box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}