:root {
  // Custom variable values only support SassScript inside `#{}`.
  // @each $color, $value in $colors {
  //   --#{$variable-prefix}#{$color}: #{$value};
  // }

  // @each $color, $value in $theme-colors {
  //   --#{$variable-prefix}#{$color}: #{$value};
  // }
 
  // Use `inspect` for lists so that quoted items keep the quotes.
  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
  --#{$variable-prefix}font-sans-serif: #{inspect($font-family-sans-serif)};
  //--#{$variable-prefix}font-monospace: #{inspect($font-family-monospace)};

  --e-global-color-primary        : #FF9D3D; //21A46E //32ABC7 // 16BE99
  --e-global-color-secondary      : #015FC9;
  --e-global-color-text           : #82828A;

  --#{$variable-prefix}color-three:  #C2DF93;  

  

  --#{$variable-prefix}link-color:      #16243D;  
  --#{$variable-prefix}hover-color:     #FF9D3D; 
  --#{$variable-prefix}body-color:      #82828A; 
  --#{$variable-prefix}heading-color:   #16243D;//20323c //1D3638 // 213435
  --#{$variable-prefix}heading-font-family: "Plus Jakarta Sans", sans-serif; 
  --#{$variable-prefix}gradient: #{$gradient};

  --#{$variable-prefix}footer-bg-color:           #16243D;
  --#{$variable-prefix}footer-color:              #8297B0;  
  --#{$variable-prefix}footer-color-link:         #8297B0;
  --#{$variable-prefix}footer-color-link-hover:   #FF9D3D;   

  --tec-font-family-sans-serif: var(--#{$variable-prefix}heading-font-family);
  --tec-color-accent-primary  : var(--e-global-color-primary);
  --tec-font-size-4: 16px;
  --tec-line-height-2: 28px;
  --tec-spacer-14: 60px;
  --tec-spacer-13: 60px;

  --primary-color: var(--e-global-color-primary);
}
 