/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap");

:root {
  --paper: #faf6ee;
  --paper-dim: #f1ead9;
  --ink: #1f1b16;
  --ink-soft: #5c564c;
  --line: #d8cfbe;
  --stamp: #c1440e;
  --sage: #5c7a5c;

  --font-display: "Space Grotesk", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-mono: "IBM Plex Mono", monospace;
}

* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  overflow: hidden; /* the kiosk fills the viewport exactly — inner panels scroll themselves if needed, the page never does */
}

body {
  margin: 0;
  background: var(--paper-dim);
  color: var(--ink);
  font-family: var(--font-body);
}

.shell {
  height: 100vh; /* fallback for browsers without dvh support */
  height: 100dvh; /* accounts for mobile browser chrome; same as 100vh on desktop */
  width: 100%;
  overflow: hidden;
}

/* Touchscreen kiosk feel: no accidental text selection, no tap flash/zoom */
* {
  -webkit-tap-highlight-color: transparent;
}
body {
  touch-action: manipulation;
}
.shell,
.shell * {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.shell input {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}