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

:root {
  /* Тематичні кольори (Здоровий спосіб життя) */
  --vitality-bg: #F9FAFB;
  --vitality-surface: #FFFFFF;
  --vitality-tone: #059669; /* Зелений акцент для здоров'я */
  --vitality-tone-hover: #047857;
  --vitality-ink: #111827;
  --vitality-ink-soft: #4B5563;
  --vitality-edge: #E5E7EB;
  --vitality-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --vitality-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --vitality-gradient: linear-gradient(135deg, #059669 0%, #10B981 100%);
  --vitality-highlight: #D1FAE5;
  
  /* Шрифти */
  --font-display: 'Playfair Display', serif;
  --font-body: 'Lato', sans-serif;
}

body {
  font-family: var(--font-body);
  margin: 0;
  padding: 0;
  background-color: var(--vitality-bg);
  color: var(--vitality-ink);
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
}

/* CSS-only Hamburger Menu */
.mobile-nav-pane {
  display: none;
}
#mobile-menu-trigger:checked ~ .mobile-nav-pane {
  display: flex;
}

/* Accordion CSS-only */
.knowledge-accordion details > summary {
  list-style: none;
}
.knowledge-accordion details > summary::-webkit-details-marker {
  display: none;
}