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

/* =========================================================
   00 - DESIGN SYSTEM
   One accent color, one corner radius, one type pairing.
   ========================================================= */
:root {
  --primary-color: #3b6d11;
  --primary-color-dark: #27500a;
  --primary-color-light: #97c459;
  --psf-radius: 6px;
  --psf-display-font: 'Teko', sans-serif;
  --psf-body-font: 'Work Sans', sans-serif;
}

body, p, li, table, input, textarea, select,
.product_meta, .woocommerce ul.products li.product .price {
  font-family: var(--psf-body-font);
}

h1, h2, h3, h4, h5, h6,
.nav > li > a, .nav-dropdown a,
.button, button, input[type="submit"] {
  font-family: var(--psf-display-font);
  letter-spacing: 0.02em;
}

h1, h2, h3 {
  text-transform: uppercase;
  font-weight: 600;
}

.button, button, input[type="submit"] {
  border-radius: var(--psf-radius) !important;
  font-weight: 600;
  letter-spacing: 0.03em;
}