/* [project]/apps/web/src/app/globals.css [app-client] (css) */
:root {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --ink: #20201f;
  --muted: #77736f;
  --soft: #a5a09a;
  --line: #24221f1a;
  --canvas: #f2f1ee;
  --paper: #fbfaf8;
  --paper-strong: #fff;
  --accent: #d85843;
  --accent-soft: #f7e4df;
  --accent-deep: #a83626;
  --shadow: 0 24px 80px #36312c1f;
  --radius: 18px;
}

* {
  box-sizing: border-box;
}

html, body, #app-root {
  min-height: 100%;
}

body {
  background: radial-gradient(circle at 8% 6%, #d8584314, transparent 24rem),
    var(--canvas);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  margin: 0;
  font-family: SF Pro Display, PingFang SC, Microsoft YaHei, system-ui, sans-serif;
  overflow: hidden;
}

button, input, textarea {
  font: inherit;
}

button {
  color: inherit;
}

::selection {
  background: #d858432e;
}

.app-loading {
  place-items: center;
  min-height: 100dvh;
  display: grid;
}

.app-loading:after {
  border: 2px solid var(--line);
  border-top-color: var(--accent);
  content: "";
  border-radius: 999px;
  width: 34px;
  height: 34px;
  animation: .75s linear infinite spin;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=apps_web_src_app_globals_1wvyn-h.css.map*/