:root {
  --color-black: #000000;
  --color-blue: #4871a3;
  --color-gray-dark: #495057;
  --color-gray-light: #e8e8e9;
  --color-gray-lightest: #f8f9fa;
  --color-gray: #6c757d;
  --color-gray-alpha: rgba(108, 117, 125, 0.3);
  --color-mint-light: #ecf6f6;
  --color-mint-medium: #a8d9d7;
  --color-mint: #70a19f;
  --color-orange-light: #fdd5a5;
  --color-orange-lightest: #feead3;
  --color-orange: #e89648;
  /* --color-purple-light: #693da3; */
  --color-purple-light: #694e8d;
  --color-purple: #2d1a46;
  --color-text: #212529;
  --color-white: #ffffff;

  --color-facebook: #1877f2;
  --color-linkedin: #0073b1;
  --color-pinterest: #e60023;
  --color-twitter: #278fd6;

  --box-shadow: 0 1px 1px var(--color-gray-light);
  --border-radius: 0.3rem;
  --border-radius-small: 0.25rem;
  --border-radius-large: calc(var(--border-radius) * 2);
}