/* 1) На рівні змінних: змушуємо тему використовувати наші значення */
:root{
  --font-sans: "Inter Rounded", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  --font-serif: "Inter Rounded", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important; /* щоб навіть місця, де вживають serif, стали sans */
  --color-text-neutral-medium: #1f2937 !important; /* = var(--ink) */
}

/* 2) На рівні селекторів: перемагаємо text-content.css */
html body,
.text-content,
.text-content * {
  font-family: var(--font-sans) !important;
  color: var(--color-text-neutral-medium) !important;
  line-height: 1.6 !important; /* замість var(--sp1-5) */
}

/* Заголовки і навігація теж з округлим шрифтом */
h1,h2,h3,h4,h5,h6,
.primary-nav a,
.menu a,
.button,.btn,
input,select,textarea{
  font-family: var(--font-sans) !important;
  letter-spacing: -0.01em;
}