:root{
  /* colors */
  --basic: rgba(0, 186, 181, 1); /* #00BAB5 - logo color */
  --basictrans: rgba(0, 186, 181, 0.6); 
  --dark: rgba(0, 98, 118, 1); /* secondary darker color: #006276 */
  --darktrans: rgba(0, 98, 118, 0.8);
  --light: rgba(83, 221, 204, 1);
  --basicgradient: linear-gradient(165deg, rgba(83, 221, 204, 1) 0%, rgba(0, 186, 181, 1)  100%);
  --lightgradient: linear-gradient(10deg, rgba(0, 186, 181, 0.12) 0%, rgba(0, 186, 181, 0.05)  100%);
  --darkgradient: linear-gradient(165deg, rgba(0, 186, 181, 1) 0%, rgba(0, 98, 118, 1) 100%);
  --grey: #999;
  --greylighter: #f2f2f2;
  --greylight: #ccc;
  --greydark: #6C6D6F;
  --greygradient: linear-gradient(165deg,rgba(233, 233, 233, 1) 0%, rgba(211, 211, 211, 1) 100%);
  --greylightgradient: linear-gradient(165deg,rgba(250, 250, 250, 1) 0%, rgba(235, 235, 235, 1) 100%);
  --greydarkgradient: linear-gradient(165deg,rgba(108, 109, 111, 1) 0%, rgba(35, 37, 38, 1) 100%); 

  /* spaces */
  --space-0-25: 12.5px;
  --space-0-5: 25px;
  --space-0-75: 37.5px;
  --space: 50px;
  --space-1-5: 75px;
  --space-2: 100px;
  --space-3: 150px; 
  --space-4: 200px;

  /* Fluid padding-block */
  --pad-block: clamp(var(--space-1-5), 14vmin, var(--space-2)); /* 75px to 100px (width: 540px to 800px) */
  --pad-block-2: clamp(var(--space-2), 27vmin, var(--space-4)); /* 100px to 200px (width: 365px to 742px) */

  /* border radius */
  --radius: 8px;
  --radius-thumb: 20px 20px 20px 0;

  /* dimensions (width & height) of social, cta, goback, anav */
  --icon: 40px;

  /* widths */
  --w-basic: 1800px;
  --w-txtmax: 900px;


  /* FONT-SIZES */
  /* PRESERVED PIXEL VALUES */
  --fs-stable-big: 19px;
  --fs-stable-normal: 16px;
  /* HERO */
  --fs-xl: clamp(2.2rem, 5.8vw + 0.5rem, 5rem);
  /* TITLES */
  --fs-biggg: clamp(1.4rem, 2.4vw + 0.5rem, 2.5rem);
  --fs-bigg: clamp(1.25rem, 1.5vw + 0.5rem, 1.8rem);
  --fs-big: clamp(1.15rem, 1.3vw + 0.5rem, 1.5rem);
  /* BODY */
  /* Based on 16px browsers default font-size */
  --fs-base: clamp(1rem, 0.8vw + 0.5rem, 1.2rem);
  /* SMALL */
  --fs-small-more: 0.95rem;
  --fs-small: 0.85rem;
  --fs-small-less: 0.75rem;
}