/* Color Variables */
:root {
  --text-color: #333 ;
  --background-color: #fff;
  --color-primary: #009bf6;
  --color-primary-light: #5adee8;
  --color-accent: #ff7aae;
  --color-accent2: #fdb65e;

  --color-primary-rgb: 0 155 246;
  --color-primary-light-rgb: 90 222 232;
  --color-accent-rgb: 255 122 174;
  --color-accent2-rgb: 253 182 94;
  
  --font-size-h1: 64px;
  --font-size-h2: 42.67px;
  --font-size-h3: 32px;
  --font-size-body: 16px;  /* base size */
  --font-size-lg: 18.29px;
  --font-size-md: 25.6px;
  --font-size-sm: 21.33px;
  --font-size-xs: 14.2px;
  
  /* Line Heights */
  --line-height-tight: 1.3;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.8;
  
  /* Font Weights */
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;

  /* Font Weights */
  --letter-spacing-5: 0.05em;  /* 5% */
  --letter-spacing-10: 0.1em;  /* 10% */
  
  --container-width: 1120px;
  --container-padding:32px;
}

@media(max-width: 1080px){
:root{
   --font-size-h1: 42.667px;
  --font-size-h2: 25.6px;
  --font-size-h3: 21.33px;
}
}

@media(max-width: 767px) {
  :root {
    --font-size-h1: 32px;
    --font-size-h2: 25.6px;
    --font-size-h3: 18.29px;
    --font-size-body: 14.2px;  /* base size */
    --font-size-lg: 16px;
    --font-size-md: 21.33px;
    --font-size-sm: 18.29px;
    --font-size-xs: 12.8px
  }

  
}