:root {
  --mysto-template-primary-color: #541c1d;
  --mysto-template-font-heading: Arial, sans-serif;
  --mysto-template-font-body: Arial, sans-serif;
}

/* Apply fonts globally - no need for Tailwind classes */
body,
p,
span,
div,
a,
li,
td,
th {
  font-family: var(--mysto-template-font-body);
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading {
  font-family: var(--mysto-template-font-heading);
}

/* body,html {
    scroll-behavior: smooth;
  } */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Remove number input arrows for Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.swup-progress-bar {
  height: 4px;
  background-color: white;
}