/* ==========================================================
   SITE-WIDE TYPOGRAPHY AND HEADING ICONS
   Loaded on every page. Pages that never set a font (the admin
   panel, for one) used to fall back to the browser's serif, and
   form controls kept their system font. This fixes both, and
   gives section headings the same icon style as the store.
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

body {
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}

button,
input,
select,
textarea {
  font-family: inherit;
}

/* Feather-style icon that sits in front of a heading. */
.heading-ic {
  flex-shrink: 0;
  width: .85em;
  height: .85em;
  margin-right: .4em;
  vertical-align: -.1em;

  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;

  color: var(--pink, #f472b6);
}

body.light-theme .heading-ic {
  color: #a855f7;
}