/* [project]/app/globals.css [app-client] (css) */
:root {
  --navy: #16314d;
  --navy-2: #1d3e60;
  --navy-deep: #0f2438;
  --navy-top: #163252;
  --navy-top-2: #11293f;
  --ink: #16314d;
  --ink-2: #1a2b3c;
  --orange: #e2622f;
  --orange-soft: #ef7d4d;
  --orange-wash: #fbf4ef;
  --blue: #2f7fd1;
  --teal: #3f6f8a;
  --purple: #8e6bbf;
  --ok: #1f8a4c;
  --warn: #d9912a;
  --bad: #cf4b3f;
  --muted: #5d7187;
  --slate: #6d8199;
  --faint: #93a1b2;
  --on-navy: #cdd9e5;
  --on-navy-soft: #9fb2c6;
  --paper: #f4f2ee;
  --card: #fff;
  --white: #fff;
  --surface: #fbfaf8;
  --surface-2: #f7f6f3;
  --line: #e6e3dc;
  --line-2: #eef0f3;
  --scroll: #d8d4cc;
  --font-body: "Roboto",system-ui,sans-serif;
  --font-heading: "Be Vietnam Pro",system-ui,sans-serif;
  --font-button: "Be Vietnam Pro",system-ui,sans-serif;
  --font-mono: var(--font-body);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
}

body {
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
}

button {
  font-family: var(--font-button);
}

a {
  color: inherit;
  text-decoration: none;
}

.mono {
  font-family: var(--font-mono);
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background: var(--scroll);
  border: 2px solid var(--paper);
  border-radius: 9px;
}

.q-rij {
  transition: background .12s;
}

.q-rij:hover {
  background: var(--surface-2);
}

.q-knop {
  transition: box-shadow .12s;
}

.q-knop:hover {
  box-shadow: inset 0 0 0 1px var(--orange-soft);
}

.q-knop-vol {
  transition: filter .12s;
}

.q-knop-vol:hover {
  filter: brightness(1.08);
}

.q-rij:focus-within, .q-knop:focus-visible {
  box-shadow: inset 0 0 0 1px var(--orange-soft);
}

/*# sourceMappingURL=app_globals_0yg4wg8plh8sv.css.map*/