@import "./variables/variables.scss";
@import "./functions/functions.scss";
@import "./reset.scss";

:root {
   // container styles
   --lz-container-max-width: 1920px;
   --lz-container-padding: 0 10px;

   // font styles
   --lz-font-family: "GolosText", sans-serif;
   --lz-default-font-weight: 400;
   --lz-default-font-size: $defaultFontSize + "px";

   // theme colors
   // use function for set color cl(color_name)
   // use function for set opacity to color cl(color_name, 0.5)
   // example -> background-color: cl("violet", 0.5);
   @if $colors {
      @each $key, $value in $colors {
         --lz-color-#{$key}: #{$value};
         --lz-color-#{$key}--rgb: #{HexToRGB($value)};
      }
   }
}
