/* Shared by the React site and generated member pages. */
:root, [data-theme="light"] {
  color-scheme: light;
  --paper: #f7f4ed; --paper-2: #eee8dc; --ink: #24221e; --ink-2: #625c53; --ink-3: #797268;
  --line: #d9d1c3; --accent: 8 59% 40%; --accent-deep: #853426; --accent-tint: #efe0d6;
  --footer-bg: #eee8dc; --footer-ink: #24221e;
  --background: 42 38% 95%; --foreground: 40 9% 13%; --card: 42 38% 95%; --card-foreground: 40 9% 13%;
  --popover: 42 38% 97%; --popover-foreground: 40 9% 13%; --primary: 40 9% 13%; --primary-foreground: 42 38% 95%;
  --secondary: 40 29% 90%; --secondary-foreground: 40 9% 13%; --muted: 40 29% 90%; --muted-foreground: 35 8% 38%;
  --accent-foreground: 42 38% 97%; --border: 38 22% 81%; --input: 38 22% 81%; --ring: 8 59% 40%;
  --destructive: 0 72% 44%; --destructive-foreground: 0 0% 100%; --radius: 0.125rem;
}
[data-theme="dark"] {
  color-scheme: dark;
  --paper: #201e1a; --paper-2: #2a2722; --ink: #eee7da; --ink-2: #c2b8a7; --ink-3: #ab9f8c;
  --line: #4a443a; --accent: 12 58% 65%; --accent-deep: #eba88e; --accent-tint: #3c2e25;
  --footer-bg: #2a2722; --footer-ink: #eee7da;
  --background: 40 10% 11%; --foreground: 42 37% 90%; --card: 40 10% 11%; --card-foreground: 42 37% 90%;
  --popover: 38 11% 15%; --popover-foreground: 42 37% 90%; --primary: 42 37% 90%; --primary-foreground: 40 10% 11%;
  --secondary: 38 11% 15%; --secondary-foreground: 42 37% 90%; --muted: 38 11% 15%; --muted-foreground: 38 18% 68%;
  --accent-foreground: 40 10% 11%; --border: 38 12% 26%; --input: 38 12% 26%; --ring: 12 58% 65%;
}
:root {
  --font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;
  --font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-latin: "EB Garamond", Georgia, serif;
  --font-mono: "Space Mono", "PingFang SC", ui-monospace, Menlo, monospace;
  --bg-warm-white: var(--paper); --text-charcoal: var(--ink); --text-grey: var(--ink-2);
  --accent-teal: hsl(var(--accent)); --border-light: var(--line);
  --site-width: 1160px; --page-gutter: 36px; --header-height: 76px;
}
@media(max-width:640px) { :root { --page-gutter: 22px; --header-height: 68px; } }