:root {
  --color-primary: #e9161d;
  --color-secondary: #228be6;
  --color-tertiary: #fcc419;
  --color-black: #212529;
  --color-white: #f8f9fa;

  /* Tints */
  --color-primary-tint-1: #ed3d42;
  --color-grey-light-1: #e9ecef;
  --color-grey-light-2: #dee2e6;

  /* Shades */
  --color-grey-dark-1: #1e1e1e;

  --color-grey-dark-2: #424242;
  --color-grey-dark-3: #4a5056;

  /* Semi transparent */
  --color-primary-90: rgba(233, 22, 29, 0.9);

  --lighter-gray: #f1f3f5;
  --brand-red: #f03e3e;
  --dark-brand-red: #c92a2a;
  --pale-peach: #eacda3;
  --light-amber: #d6ae7b;
  --midnight-blue: #0f0c29;
  --dark-imperial-blue: #302b63;
  --plum: #24243e;

  /* Shadows */
  --gentle-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  --bold-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}