/* ==========================================================================
   base variables
   ========================================================================== */

:root {
  --gray-rgb: 29,29,29;
  --upp-header: rgba(var(--gray-rgb), .8);
  --down-header: rgba(var(--gray-rgb), .9);
  --main-gray: rgba(var(--gray-rgb), 1);
  --main-yellow-rgb: 252,191,12;
  --main-color-yellow: #fcbf0c;
  --main-color-purple: #303088; 
  --main-color-font: #444444; 
  --main-color-gray: rgba(52,52,52,1);
  --main-color-gray-light: rgba(243,243,243,1);
  --main-color-gray-hover: #343434cc;
  --main-color-transparent: rgba(0,0,0,0);
}