//Root 
@function hexToRGB($hex) {
  @return red($hex), green($hex), blue($hex);
}

//Define theme colors
$theme-color1: #e18037;
$theme-color2: #fdece3;
$theme-color3: #faf7f2;
$theme-color4: #c98568;

:root {

  //Default colors
  --theme-color-light: #ffffff;
  --theme-color-dark: #000000;
  --theme-color-gray: #F6F6F6;
  
  //theme colors
  --theme-color1: #{$theme-color1};
  --theme-color2: #{$theme-color2};
  --theme-color3: #{$theme-color3};
  --theme-color4: #{$theme-color4};

  //theme colors RGB
  --theme-color1-rgb: #{hexToRGB($theme-color1)};
  --theme-color2-rgb: #{hexToRGB($theme-color2)};
  --theme-color3-rgb: #{hexToRGB($theme-color3)};
  --theme-color4-rgb: #{hexToRGB($theme-color4)};
  
  
  --bg-theme-color1: var(--theme-color1);
  --bg-theme-color2: var(--theme-color2);
  --bg-theme-color3: var(--theme-color3);
  --bg-theme-color4: var(--theme-color4);
  
  //text heading color
  --text-color:       #898585;
  --headings-color:   #363031;
  --link-color:         var(--headings-color);
  --link-hover-color:   var(--headings-color);


  //font family
  --text-font: 'Manrope', sans-serif;
  --title-font: 'PT Serif', serif;
  --style-font: 'Alex Brush', cursive;
  --style-font-two: 'Charmonman', cursive;

  //body
  --body-font-size:   15px;
  --body-line-height: 27px;
  --body-font-weight: 400;

  //heading font size + weight
  --line-height-heading-h1: 1.2em;
  --line-height-heading: 54px;
  --line-height-heading-small: 1.35em;

  --h1-font-size: 66px;
  --h2-font-size: 52px;
  --h3-font-size: 36px;
  --h4-font-size: 24px;
  --h5-font-size: 22px;
  --h6-font-size: 20px;

  --h1-font-weight: 400;
  --h2-font-weight: 400;
  --h3-font-weight: 400;
  --h4-font-weight: 400;
  --h5-font-weight: 400;
  --h6-font-weight: 400;

  //section sub title
  --sec-title-subtitle-font-size:   15px;
  --sec-title-subtitle-color:       var(--theme-color1);
  --sec-title-subtitle-font-family: var(--body-font);
  --sec-title-subtitle-font-weight: 400;
  --sec-title-subtitle-line-height: 20px;

  //section title
  --sec-title-color:        var(--headings-color);
  --sec-title-font-size:    var(--h2-font-size);
  --sec-title-font-family:  var(--style-font);
  --sec-title-font-weight:  var(--h2-font-weight);

  //news details page
  --theme-light-background: #F2F3F5;
  --theme-light-background-text-color: var(--headings-color);
  --theme-black:        #131313;


  //container
  --container-width: 1200px;
  --small-container-width: 1000px;
  --large-container-width: 1760px;
  --container-pt:    120px;
  --container-pb:    120px;
}