:root {
    /* TODO: define variables here */
  --menu--height: 90px;
  --menu--element--padding: 35px;
  --menu--line--height:1px;
    --layout--max-width: 1200px;
  
  --layout--small-spacing:0.6rem;
  
  --layout--medium-spacing:1.2rem;
  
  --layout--large-spacing:2.5rem;
  
  --layout--extra-large-spacing: 6rem;
  
  --typography--font-size--extra-large: 5.5rem; /* h1 on large screens */
  
  --typography--font-size--large:3rem; /* h1 on small screens */
  
  --typography--font-size--medium:1.5rem;
  
  --typography--font-size--small:1rem;

  /* COLORS USED */
  
  --light-color: #ffffff;

  --dark-color: #000000;

  --lgrey-color: #D9D9D9;

  --dgrey-color: #7a7a7a;
  
  --background-color: #24272D;

  --primary-color: #16181d;

  --secondary-color: red;
  
  --colors--background:white;



  
  --colors--text: rgb(25 25 40) ;
  
  --colors--primary: rgb(120 40 80);
  
  --colors--secondary: rgb(90 120 110);
  
  --colors--tertiary:rgb(210 190 160);
  
  }