html {
  color-scheme: light;
}

body {
  background: var(--tvs-background);
  color: var(--tvs-text);
  font-family: var(--tvs-font-sans);
  font-weight: 400;
  line-height: 1.55;
}

h1, h2, h3, h4, h5, h6,
button, input, select, textarea {
  font-family: var(--tvs-font-sans);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--tvs-text);
  font-weight: 650;
}

a {
  color: var(--tvs-orange-ink);
}

a:hover {
  color: var(--tvs-near-black);
}

button,
input[type="submit"],
input[type="button"],
.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  border-color: var(--tvs-orange);
  background: var(--tvs-orange);
  color: var(--tvs-near-black);
  font-weight: 650;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  border-color: var(--tvs-orange-ink);
  background: var(--tvs-orange-ink);
  color: var(--tvs-white);
}

:where(input, select, textarea):focus-visible,
:where(button, a):focus-visible {
  outline: 2px solid var(--tvs-orange);
  outline-offset: 2px;
  box-shadow: var(--tvs-focus-ring);
}