@font-face {
  font-family: "Barlow";
  src: url("/assets/fonts/barlow/Barlow-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Barlow";
  src: url("/assets/fonts/barlow/Barlow-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Barlow";
  src: url("/assets/fonts/barlow/Barlow-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("/assets/fonts/barlow/BarlowCondensed-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("/assets/fonts/barlow/BarlowCondensed-ExtraBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

:root {
  --pavos-carbon: #1b1c21;
  --pavos-carbon-deep: #0a0b0c;
  --pavos-gunmetal: #423e44;
  --pavos-machine-grey: #5a5a5e;
  --pavos-nickel: #bac4cd;
  --pavos-alloy: #d7dddf;
  --pavos-workshop: #f4f1ea;
  --pavos-red: #a51928;
  --pavos-burnt-orange: #d66a1e;
  --pavos-copper: #dc8656;
  --pavos-project-lime: #b5b441;
  --pavos-project-blue: #1b5d9c;
  --pavos-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --pavos-font-body: "Barlow", system-ui, sans-serif;
  --pavos-ease-mechanical: cubic-bezier(.2, .75, .25, 1);
  --pavos-line-fine: 1px;
  --pavos-line-key: 3px;
  --pavos-radius-panel: 28px 8px 28px 8px;
}

.pavos-display {
  font-family: var(--pavos-font-display);
  font-weight: 800;
  letter-spacing: .015em;
  line-height: .88;
  text-transform: uppercase;
}

.pavos-label {
  font-family: var(--pavos-font-display);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.pavos-body {
  font-family: var(--pavos-font-body);
  font-weight: 400;
}

.pavos-pinstripe {
  background-image: url("/assets/patterns/pinstripe.svg");
}

.pavos-diamond {
  background-image: url("/assets/patterns/diamond-stitch.svg");
}

.pavos-contour {
  background-image: url("/assets/patterns/tank-contour.svg");
}

@media (prefers-reduced-motion: reduce) {
  :root { --pavos-ease-mechanical: linear; }
}