@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --background: hsl(51, 24%, 94%);
  --foreground: hsl(152, 59%, 13%);
  --primary: hsl(150, 55%, 24%);
  --secondary: hsl(43, 74%, 66%);
  --accent: hsl(40, 61%, 47%);
}

body {
  font-family: 'Inter', sans-serif !important;
  background-color: var(--background) !important;
  color: var(--foreground) !important;
}

/* Custom background class to use in hugo.toml */
.bg-coursaty-primary {
  background-color: var(--primary) !important;
  color: var(--background) !important;
}

a {
  color: var(--accent);
}

a:hover {
  color: var(--primary);
}

.site-title {
  color: var(--background) !important;
}