:root {
  --bulma-primary-h: 109deg;
  --bulma-primary-s: 33%;
  --bulma-primary-l: 37%;
  --bulma-body-background-color: var(--color-bg);
  --bulma-body-font-size: 1rem;
  --bulma-body-line-height: 1.6;
  --bulma-family-primary: "Inter", sans-serif;
  --bulma-family-secondary: "Inter", sans-serif;
  --bulma-family-code: "Inter", monospace;

  --color-bg: #f5f2eb;
  --color-green-medium: #7da365;
  --color-green-light: #7da365;
  --color-green-medium-h: 99deg;
  --color-green-medium-s: 20%;
  --color-green-medium-l: 52%;
  --color-text: #1f2937;
  --color-grey: #6b7280;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-top: 3.25rem;
}

main {
  flex: 1;
}

.navbar.is-fixed-top {
  border-bottom: 2px solid var(--color-green-medium);
}

.navbar-burger {
  color: var(--color-green-medium);
}

a.navbar-item.is-active,
a.navbar-item.is-selected {
  background-color: var(--color-green-light);
  color: var(--color-text);
}

a.navbar-item.is-active:hover,
a.navbar-item.is-selected:hover {
  background-color: var(--color-green-medium);
  color: var(--color-text);
}

.is-clickable {
  cursor: pointer;
}

.faq-content details {
  margin-bottom: 0.25rem;
}

.faq-content details[open] summary {
  color: var(--bulma-primary);
}

@media print {
  .navbar.is-fixed-top {
    display: none;
  }

  body {
    padding-top: 0;
  }
}