@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&family=DM+Sans:wght@300;400;500&display=swap');

/* Base */
body {
  font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
  background: #ffffff !important;
  color: #0A0A0A !important;
}

/* Headings */
h1, h2, h3 {
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #0A0A0A !important;
}

h1 { font-size: 56px !important; line-height: 1 !important; }
h2 { font-size: 32px !important; }

/* Accent on links */
a {
  color: #7C3AED !important;
  text-decoration: none !important;
}
a:hover { opacity: 0.7 !important; }


.tree-item-self.mod-active {
  color: #7C3AED !important;
  background: #EDE9FE !important;
}

/* Body text */
p, li {
  font-weight: 300 !important;
  line-height: 1.8 !important;
  color: #000000 !important;
}

/* Site title */
.site-header-text {
  font-family: 'Syne', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}

/* Hide dark/light mode toggle */
.theme-toggle {
  display: none !important;
}

.published-container .theme-toggle,
button.theme-toggle,
[class*="theme-toggle"] {
  display: none !important;
}