:root {
 --page-background-accent: #181824;
  --page-background: #181824;  
  --footer-background: #0b0a10;   
  --header-background: #181824; 
  --content-background: #0b0a10;
  --table-row-background: #181824; 
  --table-head-background: #24243a;  
  --table-head-text-color: #ffffff;
  --button-text: #f8f0f0; 
  --content-button-background: #f05716; 
  --content-border: #f05716; 
  --h1-color: #f05716; 
  --accent-color: #f05716; 
  --accent-hover: #f05716; 
  --login-button-background: #f05716; 
  --signup-button-background: transparent; 
  --signup-button-border: #ffffff; 
  --signup-button-text: #ffffff; 
  --login-button-text: #f1e7e7;  
  --hero-text-background: #0b0a1065; 
  
  --text-color: #f8eded; 
  --muted-text: #f8eded;  
  --footer-link-colour: rgb(253, 245, 245); 
  --hero-radius: 22px;
  --content-radius: 20px;
  --page-width: 1300px;
  --text-width: 1000px;
}