/* New sticker-book palettes. Colors and patterns only: keep the compact item rows. */
:root {
  --card: var(--surface);
  --positive: #2e663e;
  --positive-bg: #e6f4df;
  --positive-line: #7c9c6d;
  --warning: #795021;
  --warning-bg: #fff3d0;
  --warning-line: #b78b31;
  --danger: #9c2929;
}
:root[data-grocery-theme="dino"] {
  --ink: #293e2e;
  --paper: #f3f6df;
  --surface: #fffef1;
  --accent: #c4e485;
  --accent-2: #ffdc79;
  --accent-soft: #e4efcb;
  --pink: #f6c0ab;
  --lavender: #d5d4f0;
  --peach: #f4dfad;
  --muted: #58624f;
  --line: var(--ink);
  --green: var(--ink);
  --buddy-dot: #d8e0b9;
  --buddy-hero: #dfedaa;
  --buddy-pop: #afce80;
}
:root[data-grocery-theme="peach"] {
  --ink: #50332d;
  --paper: #fff3e9;
  --surface: #fffdf6;
  --accent: #ffc2a4;
  --accent-2: #f8d783;
  --accent-soft: #ffe6d5;
  --pink: #f4b8ba;
  --lavender: #e2c9eb;
  --peach: #f9d5a9;
  --muted: #775c51;
  --line: var(--ink);
  --green: var(--ink);
  --buddy-dot: #f1d4c3;
  --buddy-hero: #ffd5bd;
  --buddy-pop: #f4a49a;
}
:root[data-grocery-theme="midnight"] {
  color-scheme: dark;
  --ink: #fbf3dc;
  --paper: #1b2335;
  --surface: #29334b;
  --accent: #385b50;
  --accent-2: #624d32;
  --accent-soft: #36415d;
  --pink: #674553;
  --lavender: #51456e;
  --peach: #674e41;
  --muted: #c3c9dc;
  --line: var(--ink);
  --green: var(--ink);
  --buddy-dot: #3d4866;
  --buddy-hero: #34344f;
  --buddy-pop: #5c4c74;
  --positive: #bde6a9;
  --positive-bg: #314c40;
  --positive-line: #87ba91;
  --warning: #ffdfa0;
  --warning-bg: #584329;
  --warning-line: #c6a16b;
  --danger: #ffb6af;
  --shadow: 5px 6px 0 #101727;
  --shadow-small: 3px 3px 0 #101727;
}
:root[data-grocery-theme="dino"] body {
  background-image: radial-gradient(ellipse at 25% 25%, var(--buddy-dot) 1.4px, transparent 1.6px), radial-gradient(ellipse at 75% 75%, var(--buddy-dot) 1.4px, transparent 1.6px);
  background-size: 29px 29px;
}
:root[data-grocery-theme="peach"] body {
  background-image: repeating-linear-gradient(135deg, transparent 0 17px, #f6e3d6 17px 18px, transparent 18px 35px);
}
:root[data-grocery-theme="midnight"] body {
  background-image: radial-gradient(circle, #a49ab5 1px, transparent 1.2px), radial-gradient(circle, #4e5b7d .8px, transparent 1px);
  background-size: 67px 67px, 23px 23px;
  background-position: 12px 10px, 0 0;
}
/* Recipe panels and native menus share the same palette as their surrounding cards. */
select option, select optgroup { background:var(--surface); color:var(--ink); }
.recipe-parse-preview, .recipe-extra, .recipe-coverage ul { background:var(--surface); }
.recipe-readiness.ready { background:var(--positive-bg); border-color:var(--positive-line); }
.have, .recipe-coverage.have li>span { color:var(--positive); }
.need, .recipe-coverage.need li>span { color:var(--warning); }
.recipe-warning { background:var(--warning-bg); color:var(--warning); border-color:var(--warning-line); }
.recipe-error { color:var(--danger); }
/* Pastel food drawings keep their original dark outlines inside the night palette. */
:root[data-grocery-theme="midnight"] .item-icon .ui-icon,
:root[data-grocery-theme="midnight"] .theme-buddy-icon .ui-icon { color:#293047; }
:root[data-grocery-theme="midnight"] .theme-buddy-icon { background:#f5dca6; }
:root[data-grocery-theme="midnight"] dialog::backdrop { background:#090d20c9; }