<!-- CSS File (styles.css) -->

:root {
  color-scheme: light;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Barlow, Inter, system-ui, sans-serif;
}

body {
  font-family: Roboto, Inter, system-ui, sans-serif;
}

.bg-white {
  background-color: #ffffff;
}

.text-gray-800 {
  color: #525252;
}

.text-blue-600 {
  color: #1E3A8A;
}

.text-blue-800 {
  color: #1E3A8A;
}

.text-yellow-500 {
  color: #fbbf24;
}

.text-gray-900 {
  color: #1f2937;
}

.font-bold {
  font-weight: 700;
}

.bg-blue-800 {
  background-color: #1E3A8A;
}

.bg-gray-50 {
  background-color: #f8f8f8;
}

.bg-yellow-500 {
  background-color: #fbbf24;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.transition-colors {
  transition: color 0.3s ease;
}

/* Add more extracted CSS here */