:root {
  --primary-color: #042146;
  --secondary-color: #FDCC4C;
  --accent-color: #37C4C5;
  --white-color: #ffffff;
  --purple-color: #520D75;
  --font-main: Arial, sans-serif;
  --font-header: 'Brownist', serif;
  --base-spacing: 20px;
}

html {
  font-size: 16px; /* Default base size */
}

body {
  font-family: var(--font-main);
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  line-height: 1.6;
}