:root {
    --primaryblue: rgba(38, 111, 160, 1);
    --primarygray: rgba(81, 77, 78, 1);
    --primarygreen: rgba(42, 158, 147, 1);
    --gray-scale100: rgba(255, 255, 255, 1);
    --gray-scale95: rgba(242, 242, 242, 1);
    --gray-scale80: rgba(204, 204, 204, 1);
    --gray-scale60: rgba(153, 153, 153, 1);
    --gray-scale40: rgba(102, 102, 102, 1);
    --gray-scale20: rgba(51, 51, 51, 1);
    --gray-scale0: rgba(0, 0, 0, 1);
    --functionalblue-1: rgba(13, 132, 255, 1);
    --functionalblue-2: rgba(236, 245, 255, 1);
    --functionalred-1: rgba(234, 0, 18, 1);
    --functionalred-2: rgba(245, 213, 216, 1);
    --functionalgreen-1: rgba(76, 168, 54, 1);
    --functionalgreen-2: rgba(217, 245, 213, 1);
    --functionalorange-1: rgba(234, 117, 0, 1);
    --functionalorange-2: rgba(245, 229, 213, 1);
    --functionalbutton-green: rgba(249, 255, 249, 1);
    --background: rgba(239, 242, 247, 1);
    --header-height: clamp(48px, 4.7vw, 68px);
    --footer-logo-height: clamp(48px, 4.7vw, 68px);
    --menu-width: clamp(140px, 7vw, fit-content);
    --filters-gap: clamp(8px, 2vw, 16px);
  }