/* ISKRA typography. Self-hosted, OFL licensed, with Croatian glyphs. */
@font-face {
  font-family: 'Schibsted Grotesk';
  src: url('/assets/schibsted-grotesk.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow Condensed';
  src: url('/assets/barlow-condensed-600.woff2') format('woff2');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow Condensed';
  src: url('/assets/barlow-condensed-700.woff2') format('woff2');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
:root {
  --font-ui: 'Schibsted Grotesk', 'Segoe UI', sans-serif;
  --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
}
::selection { background: #f2bfa9; color: #252623; }
input, textarea { caret-color: #ba3c22; }
* { scrollbar-color: #b1b3a8 #f6f4ef; scrollbar-width: thin; }
a { text-underline-offset: .22em; }
.brand-symbol {
  display: inline-block;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  background: currentColor;
  mask: url('/assets/iskra-mark.svg') center / contain no-repeat;
  -webkit-mask: url('/assets/iskra-mark.svg') center / contain no-repeat;
  font-size: 0;
  vertical-align: -.04em;
}