/* Brand tokens and type, matching www.kodexglobal.com (kodex-website,
   kodex-homepage/src/styles/global.css, brand kit v0.4). Keep the two in step. */
@font-face {
  font-family: Druk;
  src: url("/fonts/Druk-Bold-Web.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "PP Mori";
  src: url("/fonts/PPMori-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "PP Mori";
  src: url("/fonts/PPMori-SemiBold.woff2") format("woff2");
  font-weight: 600 800;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("/fonts/GeistMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("/fonts/GeistMono-Medium.woff2") format("woff2");
  font-weight: 500 600;
  font-display: swap;
}

:root {
  --navy: #1c273d;
  --midnight: #151e2e;
  --navy-grey: #22324f;
  --chalk: #ebedf2;
  --light-grey: #e3e6ee;
  --medium-grey: #cbd0de;
  --muted: #7f8eac;
  --blue: #2364e7;
  --red: #f66265;
  --body-font: "PP Mori", Arial, sans-serif;
  --display-font: Druk, Impact, sans-serif;
  --display-leading: 0.85;
  --display-tracking: 0.02em;
  --mono-font: "Geist Mono", ui-monospace, monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}