:root{
  /* colors */
  --basic: rgba(236, 122, 6, 1); /* #EC7A06 - basic color */
  --basictrans: rgba(236, 122, 6, 0.6); 
  --dark: rgba(14, 15, 36, 1); /* 0E0F24 */
  --darktrans: rgba(14, 15, 36, 0.8);
  --light: rgba(250, 148, 44, 1);
  --grey: #999;
  --greylighter: #fafafa;
  --greylight: #ccc;
  --greydark: #555;
  --greygradient: linear-gradient(165deg,rgba(233, 233, 233, 1) 0%, rgba(211, 211, 211, 1) 100%);
  --greylightgradient: linear-gradient(25deg,rgba(235, 235, 235, 1) 0%, rgba(252, 252, 252, 1) 100%);
  --greydarkgradient: linear-gradient(165deg,rgba(65, 67, 69, 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: 5px;

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

  /* widths */
  --w-basic: 1600px;
  --w-txtmax: 850px;


  /* FONT-SIZES */
  /* PRESERVED PIXEL VALUES */
  --fs-stable-big: 20px;
  --fs-stable-normal: 16px;
  /* HERO */
  --fs-xl: clamp(1.8rem, 3vw + 0.5rem, 3.4rem);
  /* TITLES */
  --fs-biggg: clamp(1.4rem, 2.2vw + 0.5rem, 2.4rem);
  --fs-bigg: clamp(1.25rem, 1.8vw + 0.5rem, 1.9rem);
  --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;
}