:root {
    --light-gray-2: #ddd;
    --light-gray-3: #bbbbbb;
    --gray:#7d7d7d;
    --gray-dark: #3C3C3C;
    --blue-x-dark: #001835;
    --white: #fff;
    --dark-shadow: #00000055;
    --black: #000000;
    --light-yellow-green: #c9dc4e;
    --turquoise-blue: #16b5c8;
    --dodger-blue: #1f6fb2;
    --blue: #0080c5;
    --green-dark: #569037;
    --light-green: #81b301;
    --green: #88c568;
    --red: #ff0000;
    --red-dark: #7a0000;
    --purple: #6f42c1;
    --pink: #ffaad4;
    --orange: #d12f0f;
    --yellow: #FFFF00;
    --neon-blue: #168EF4;
    
    --haylem-hover-color: #e2e6ea;
    --haylem-active-color: #cce5ff;

    --odeo-haylem-white: #FFFFFF;
    --odeo-haylem-black: #000000;
    --odeo-haylem-blue: #0C67D0;
    --odeo-haylem-light-gray: #e9ebee;
    --odeo-haylem-dark-gray: #5c5c5c;
    --odeo-haylem-active: #0C67D099;
    --odeo-haylem-hover: #0C67D022;
  }