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

:root {
  --primary: #8750de;
  --primary-dark: #5624d7;
  --primary-light: #bca8f1;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Urbanist', sans-serif !important;
}

a {
  color: var(--primary) !important;
}

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

.c-button--primary {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  border-radius: 8px !important;
}

.c-button--primary:hover {
  background-color: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
}

.c-vote-counter--voted {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.c-header {
  background-color: #0b090f !important;
}

.c-tag {
  border-radius: 20px !important;
}