@font-face {
  font-family: "PRP Sans";
  src: url("./fonts/dm-sans-latin-400-normal.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "PRP Sans";
  src: url("./fonts/dm-sans-latin-600-normal.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "PRP Sans";
  src: url("./fonts/dm-sans-latin-700-normal.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "PRP Sans";
  src: url("./fonts/dm-sans-latin-800-normal.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 800;
}

@font-face {
  font-family: "PRP Editorial";
  src: url("./fonts/newsreader-latin-400-normal.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "PRP Editorial";
  src: url("./fonts/newsreader-latin-500-normal.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "PRP Editorial";
  src: url("./fonts/newsreader-latin-400-italic.woff2") format("woff2");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: "PRP Mono";
  src: url("./fonts/dm-mono-latin-400-normal.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "PRP Mono";
  src: url("./fonts/dm-mono-latin-500-normal.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

:root {
  --prp-midnight: #0b1220;
  --prp-midnight-soft: #172334;
  --prp-forest: #1f3a33;
  --prp-forest-light: #2f544a;
  --prp-sage: #9eae97;
  --prp-sage-soft: #e5ebe2;
  --prp-mineral: #55756c;
  --prp-mineral-light: #91a69f;
  --prp-parchment: #ede6db;
  --prp-paper: #f8f5ef;
  --prp-white: #fffdf8;
  --prp-ink: #0b1220;
  --prp-muted: #516660;
  --prp-line: #cfc8bc;
  --prp-focus: #55756c;

  --prp-font-sans: "PRP Sans", "DM Sans", "Segoe UI", sans-serif;
  --prp-font-editorial: "PRP Editorial", "Newsreader", Georgia, serif;
  --prp-font-mono: "PRP Mono", "DM Mono", "SFMono-Regular", Consolas, monospace;

  --prp-radius-small: 4px;
  --prp-radius-medium: 12px;
  --prp-radius-large: 24px;
  --prp-shadow-soft: 0 20px 54px rgb(11 18 32 / 16%);
}