:root {
  --bg: #FAF4E9;
  --bg-2: #F3E7D3;
  --paper: #FFFDF8;
  --ink: #2B2620;
  --ink-2: #5F5548;
  --ink-dim: #8A7C6B;
  --line: rgba(43, 38, 32, 0.14);
  --line-soft: rgba(43, 38, 32, 0.07);
  --accent: #D96F3A;
  --accent-2: #F0B45C;
  --accent-deep: #B34F25;
  --green: #4F7C5B;
  --green-bg: #EAF0E7;
  --amber: #B7791F;
  --amber-bg: #FBF0DA;
  --red: #B94A3A;
  --shadow-lg: 0 24px 60px rgba(96, 69, 38, 0.14);
  --shadow-sm: 0 8px 24px rgba(96, 69, 38, 0.08);
  --radius: 26px;
  --maxw: 720px;
  --font-ui: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", sans-serif;
  --font-display: "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", Georgia, serif;
}

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

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  color: var(--ink);
  font-family: var(--font-ui);
  background-color: var(--bg);
  background-image:
    radial-gradient(1000px 600px at 82% -8%, rgba(217, 111, 58, 0.14), transparent 64%),
    radial-gradient(800px 520px at -8% 12%, rgba(79, 124, 91, 0.11), transparent 58%),
    radial-gradient(rgba(43, 38, 32, 0.05) 1px, transparent 1.2px);
  background-size: auto, auto, 20px 20px;
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button,
input,
textarea {
  font-family: inherit;
}

img,
svg {
  max-width: 100%;
}

::selection {
  background: rgba(240, 180, 92, 0.5);
  color: var(--ink);
}