:root {
  color-scheme: light;
  font-family: "IBM Plex Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
  line-height: 1.5;
  font-weight: 400;
  --bg-base: #f1ebe1;
  --bg-soft: #f7f2ea;
  --bg-panel: rgba(255, 251, 245, 0.94);
  --bg-panel-strong: rgba(255, 250, 244, 0.98);
  --ink-strong: #171412;
  --ink-main: #2a241d;
  --ink-soft: #6a6257;
  --line-soft: rgba(39, 30, 20, 0.08);
  --line-strong: rgba(39, 30, 20, 0.16);
  --accent: #8f5a2d;
  --accent-soft: rgba(143, 90, 45, 0.12);
  --positive: #1b7a5e;
  --negative: #9a4b45;
  --neutral: #67645d;
  --shadow-soft: 0 10px 28px rgba(59, 44, 27, 0.08);
  --radius-xl: 32px;
  --radius-lg: 24px;
  --radius-md: 18px;
  --radius-sm: 12px;
}

* {
  box-sizing: border-box;
}

html,
body,
#app {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

body {
  color: var(--ink-main);
  background: linear-gradient(180deg, #f5eee4 0%, #efe5d9 100%);
}

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

button,
input {
  font: inherit;
}

button {
  border: none;
  background: none;
  cursor: pointer;
}

input {
  color: inherit;
}

.hide-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

#app {
  min-height: 100vh;
}
