@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
  --primary: #2c3e50;         
  --secondary: #3498db;       
  --background: #f8f4ff;   
  --surface: #fff;         
  --text-primary: #333333;    
  --text-secondary: #555555;  
  --border: #c1d9f0;         
  --success: #27ae60;        
  --error: #e74c3c;         
  --font-main: "Inter", sans-serif;
  --font-size-base: 16px;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.1);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.1);
}

body {
  font-family: var(--font-main);
  line-height: 1.5;
  color: var(--text-primary);  
  background-image: linear-gradient(
      to bottom,
      rgba(240, 248, 255, 0.9),
      rgba(210, 230, 255, 0.9)
  );  
  display: flex;
  flex-direction: column;  
  width: 100%;  
  margin: 0;
  padding: 0;
}

.main-content {
  background: var(--surface);  
  border-radius: 8px;
  padding: var(--space-lg);
  margin: 0;
  padding: 0;
  /* width: 100%; */
  /* max-width: 1200px; */
}


header, footer {
  background-color: var(--surface);
}

p,h1,h2,h3,h4,h5,h6 {
  margin: 0;
  padding: 0;
}