/* Font + theme settings (fonts match suckerpunch.bar) */

@font-face {
  font-family: "Tan";
  src: url("../fonts/tan.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Service Gothic";
  src: url("../fonts/service-gothic.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Hauora";
  src: url("../fonts/hauora-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Hauora";
  src: url("../fonts/hauora-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-heading-family: "Service Gothic", "Helvetica Neue", Helvetica, sans-serif;
  --font-heading-style: normal;
  --font-heading-weight: 400;
  --font-heading-base-size: 2.0rem;

  --font-body-family: "Hauora", "Helvetica Neue", Helvetica, sans-serif;
  --font-accent-family: "Service Gothic", "Helvetica Neue", Helvetica, sans-serif;
  --font-kit-family: "Tan", "Helvetica Neue", Helvetica, sans-serif;
  --font-body-style: normal;
  --font-body-weight: 400;
  --font-body-weight-bold: 700;
  --font-body-base-size: 62.5%;

  --color-background: #edeae6;
  --color-background-rgba-stripped: 237, 234, 230;
  --color-secondary-background: #edeae6;
  --color-borders-and-lines: #000000;
  --color-borders-and-lines-rgba-stripped: 0, 0, 0;
  --color-button: #6f7fef;

  --color-headings-and-links: #000000;
  --color-headings-and-links-rgba-stripped: 0, 0, 0;
  --color-body-text: #000000;
  --color-body-text-rgba-stripped: 0, 0, 0;
  --color-secondary-background-text: #000000;
  --color-secondary-background-text-rgba-stripped: 0, 0, 0;
  --color-sale-price: #b3512e;

  --color-field-text: #000000;
  --color-field-borders: #000000;

  --border-radius-button-and-badges: 40px;
  --border-radius-global: 12px;
}