.theme-autumn {
  --wallpaper: url("/static/themes/autumn/background.svg");
  --wallpaper-size: 440px auto;
  --wallpaper-color: #f6efdf;
  --paper: #fcf8f0;
  --ink: #302b26;
  --muted: #70675e;
  --line: #e6dac8;
  --accent: #833d3e;
  --accent-hover: #692f30;
  --soft: #eee8d9;
  --soft-hover: #e5dcc8;
  --tag-ink: #596342;
  --hero-paper: #f7e6ce;
  --card-paper: #fffaf2;
  --input-paper: #fffcf6;
  --control-line: #c9bda9;
  --focus: #833d3e;
}
/* Older recipe and collection components have their own accent treatments. */
.theme-autumn .collection-heading h1,
.theme-autumn .collection-title,
.theme-autumn .collection-initial { color: var(--accent); }
.theme-autumn .folder-tabs span:nth-child(1) { background: #92966b; }
.theme-autumn .folder-tabs span:nth-child(2) { background: #dfb06a; }
.theme-autumn .folder-tabs span:nth-child(3) { background: #b77866; }
.theme-autumn .toolbar { background: var(--soft); }
.theme-autumn .toolbar button:hover:not(:disabled),
.theme-autumn .toolbar-more summary:hover { background: var(--soft-hover); }
.theme-autumn .toolbar button[aria-pressed="true"] { background: var(--hero-paper); border-color: var(--control-line); }
.theme-autumn .notice { background: var(--soft); border-color: var(--control-line); }
.theme-autumn .tags .tag, .theme-autumn .tag-directory .tag { border-color: var(--line); }