/* This is a Jinja2 template. It generates a dynamic CSS file.
  It creates CSS variables from the theme data saved in the database.
*/

:root {
  
  --background: hsl(240 10% 3.9%);
  
  --foreground: hsl(240 5% 95.9%);
  
  --card: hsl(240 10% 10%);
  
  --card-foreground: hsl(240 5% 95.9%);
  
  --primary: hsl(244 92.2% 40%);
  
  --secondary: hsl(276 74.3% 29%);
  
  --muted: hsl(240 3.7% 15.9%);
  
  --muted-foreground: hsl(240 5% 64.9%);
  
  --border: hsl(240 3.7% 15.9%);
  
  --input: hsl(240 3.7% 15.9%);
  
  --ring: hsl(244 84% 60%);
  

  /* Base font styles */
  font-family: 'Inter', sans-serif;
}

body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  margin: 0;
  font-family: sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Add any other global styles your generated sites might need here */
.container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}