:root {
  --paper: #f3efe4;
  --paper-2: #faf8f2;
  --paper-3: #e8e1d2;
  --ink: #17241e;
  --ink-2: #45564d;
  --ink-3: #718077;
  --jade: #174d3b;
  --jade-2: #24634e;
  --jade-soft: #dce8df;
  --cinnabar: #b5503d;
  --cinnabar-soft: #f4e0da;
  --gold: #ab8b55;
  --line: rgba(23, 36, 30, .14);
  --line-strong: rgba(23, 36, 30, .24);
  --shadow: 0 18px 60px rgba(37, 49, 41, .10);
  --shadow-soft: 0 8px 30px rgba(37, 49, 41, .07);
  --radius-sm: 10px;
  --radius: 18px;
  --radius-lg: 30px;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, Georgia, serif;
  --max: 1480px;
  --header-h: 76px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: radial-gradient(circle at 15% 8%, rgba(171,139,85,.08), transparent 30%), radial-gradient(circle at 88% 22%, rgba(23,77,59,.06), transparent 28%), var(--paper); font-family: var(--sans); font-size: 16px; line-height: 1.6; min-width: 320px; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
svg { display: block; }
::selection { background: rgba(181,80,61,.20); }
:focus-visible { outline: 3px solid rgba(181,80,61,.40); outline-offset: 3px; }

.brand-seal { color: #fff; background: var(--jade); box-shadow: inset 0 0 0 1px rgba(255,255,255,.16), 0 6px 18px rgba(23,77,59,.18); }
.nav-link.active, .filter-button.active { background: var(--jade-soft); color: var(--jade); }
.search-submit { background: var(--jade); color: #fff; box-shadow: 0 8px 20px rgba(23,77,59,.18); }
.search-submit:hover { background: var(--jade-2); }
.category-band { background: var(--jade); color: #f8f6ef; }
.meaning-card.accent { background: var(--jade); color: #fff; border-color: var(--jade); }