:root {
  --k-primary: #faebda;
  --k-secondary: #FFF8F2;
  --k-accent: #212427;
  --k-positive: #719e8b;
  --k-negative: #6f1a07;
  --k-primaryHover : #a29a8d;
  --k-white: #fff8f2;
  --k-grey: #a29a8d;
  --k-standout: #f2ebe6;
}

.bg-k-primary {
  background-color: var(--k-primary);
}

.bg-k-secondary {
  background-color: var(--k-secondary);
}

.bg-k-accent {
  background-color: var(--k-accent);
}

.bg-k-white {
  background-color: var(--k-white);
}

.bg-k-negative {
  background-color: var(--k-negative);
}

.bg-k-positive {
  background-color: var(--k-positive);
}

.bg-k-negative {
  background-color: var(--k-negative);
}

.bg-k-standout {
  background-color: var(--k-standout);
}

.text-k-primary {
  color: var(--k-primary);
}

.text-k-secondary {
  color: var(--k-secondary);
}

.text-k-accent {
  color: var(--k-accent);
}

.text-k-white {
  color: var(--k-white);
}

.text-k-negative {
  color: var(--k-negative);
}

.text-k-positive {
  color: var(--k-positive);
}

.border-k-accent {
  border: 1px solid var(--k-accent);
}

.border-bottom-k-accent {
  border-bottom: 1px solid var(--k-accent);
}

.border-bottom-k-grey {
  border-bottom: 1px solid var(--k-grey);
}

.border-top-k-accent {
  border-top: 1px solid var(--k-accent);
}

.text-color-negative {
  color: #6f1a07;
}

@font-face {
  font-family: "Beatrice-Regular";
  src: url(./../assets/fonts/Beatrice-Regular.woff2);
  font-display: swap;
}

@font-face {
  font-family: "Beatrice-Medium";
  src: url(./../assets/fonts/Beatrice-Medium.otf);
  font-display: swap;
}

@font-face {
  font-family: "SangBleuKingdom-Light, sans-serif";
  src: url(./../assets/fonts/SangBleuKingdom-Light.otf);
  font-display: swap;
}

@font-face {
  font-family: "LibreBarcodeEAN13Text-Regular";
  src: url(./../assets/fonts/LibreBarcodeEAN13Text-Regular.ttf);
  font-display: swap;
}