/* Generated by tools/themes.py — edit that file, not this one. */

:root {
  --ok-bg: #e3f1e6;
  --ok-ink: #1f6b35;
  --warn-bg: #fff4cc;
  --warn-ink: #7a5a00;
  --warn-line: #f0c96a;
  --bad-bg: #fde8e6;
  --bad-ink: #9b2218;
  --bad-line: #f3c5c0;
  --info-bg: #e8eef8;
  --info-ink: #2d4b7a;
  --orange-bg: #fdebd9;
  --orange-ink: #8a4200;
  --orange-line: #f0b37a;
  --quick: #6b5d2e;
  --on-accent: #ffffff;
  --shade: rgba(60, 40, 20, .08);
  --backdrop: rgba(30, 24, 18, .45);
}
:root[data-mode="dark"] {
  --ok-bg: #1f3a27;
  --ok-ink: #9ad6a8;
  --warn-bg: #3d3217;
  --warn-ink: #f0d27a;
  --warn-line: #6b5520;
  --bad-bg: #43201d;
  --bad-ink: #f4a59c;
  --bad-line: #6b2d27;
  --info-bg: #1f2c40;
  --info-ink: #a9c3ea;
  --orange-bg: #40291a;
  --orange-ink: #f4b17d;
  --orange-line: #6e4424;
  --quick: #dccb8e;
  --on-accent: #16181b;
  --shade: rgba(0, 0, 0, .35);
  --backdrop: rgba(0, 0, 0, .6);
}
@media (prefers-color-scheme: dark) {
:root[data-mode="auto"] {
  --ok-bg: #1f3a27;
  --ok-ink: #9ad6a8;
  --warn-bg: #3d3217;
  --warn-ink: #f0d27a;
  --warn-line: #6b5520;
  --bad-bg: #43201d;
  --bad-ink: #f4a59c;
  --bad-line: #6b2d27;
  --info-bg: #1f2c40;
  --info-ink: #a9c3ea;
  --orange-bg: #40291a;
  --orange-ink: #f4b17d;
  --orange-line: #6e4424;
  --quick: #dccb8e;
  --on-accent: #16181b;
  --shade: rgba(0, 0, 0, .35);
  --backdrop: rgba(0, 0, 0, .6);
}
}
:root[data-site="classic"] {
  --serif: "Playfair Display", Georgia, serif;
  --sans: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --brand-font: "Playfair Display", Georgia, serif;
  --radius: 14px;
  --btn-radius: 999px;
  --paper: #fbf8f3;
  --card: #ffffff;
  --ink: #2f2a26;
  --muted: #6f665e;
  --line: #e6ded3;
  --heading: #4a3b33;
  --field: #ffffff;
  --accent: #3e5f8f;
}
:root[data-site="classic"][data-mode="dark"] {
  --paper: #1c1e22;
  --card: #26292f;
  --ink: #ece6dc;
  --muted: #a9a197;
  --line: #3a3e46;
  --heading: #f3ece2;
  --field: #1f2227;
  --accent: #93b3e3;
} :root[data-site="classic"][data-mode="dark"] { color-scheme: dark; }
@media (prefers-color-scheme: dark) {
:root[data-site="classic"][data-mode="auto"] {
  --paper: #1c1e22;
  --card: #26292f;
  --ink: #ece6dc;
  --muted: #a9a197;
  --line: #3a3e46;
  --heading: #f3ece2;
  --field: #1f2227;
  --accent: #93b3e3;
}
  :root[data-site="classic"][data-mode="auto"] { color-scheme: dark; }
}
:root[data-site="classic"][data-color="blue"] { --accent: #3e5f8f; }
:root[data-site="classic"][data-color="blue"][data-mode="dark"] { --accent: #93b3e3; }
@media (prefers-color-scheme: dark) { :root[data-site="classic"][data-color="blue"][data-mode="auto"] { --accent: #93b3e3; } }
:root[data-site="classic"][data-color="red"] { --accent: #b0413e; }
:root[data-site="classic"][data-color="red"][data-mode="dark"] { --accent: #ec9a95; }
@media (prefers-color-scheme: dark) { :root[data-site="classic"][data-color="red"][data-mode="auto"] { --accent: #ec9a95; } }
:root[data-site="classic"][data-color="green"] { --accent: #3f7556; }
:root[data-site="classic"][data-color="green"][data-mode="dark"] { --accent: #8fc7a3; }
@media (prefers-color-scheme: dark) { :root[data-site="classic"][data-color="green"][data-mode="auto"] { --accent: #8fc7a3; } }
:root[data-site="classic"][data-color="yellow"] { --accent: #a8790a; }
:root[data-site="classic"][data-color="yellow"][data-mode="dark"] { --accent: #e9c461; }
@media (prefers-color-scheme: dark) { :root[data-site="classic"][data-color="yellow"][data-mode="auto"] { --accent: #e9c461; } }
:root[data-site="classic"][data-color="lavender"] { --accent: #7a5c9e; }
:root[data-site="classic"][data-color="lavender"][data-mode="dark"] { --accent: #c2a8e3; }
@media (prefers-color-scheme: dark) { :root[data-site="classic"][data-color="lavender"][data-mode="auto"] { --accent: #c2a8e3; } }

:root[data-site="farm"] {
  --serif: "Zilla Slab", Georgia, serif;
  --sans: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
  --brand-font: "Zilla Slab", Georgia, serif;
  --radius: 8px;
  --btn-radius: 8px;
  --paper: #eee4d4;
  --card: #fbf6ec;
  --ink: #3b2f25;
  --muted: #7a6a58;
  --line: #ddcdb4;
  --heading: #3b2f25;
  --field: #fffdf8;
  --accent: #9e3b2c;
}
:root[data-site="farm"][data-mode="dark"] {
  --paper: #211a14;
  --card: #2c231b;
  --ink: #efe3d0;
  --muted: #b3a28b;
  --line: #45372a;
  --heading: #f5e9d6;
  --field: #251e17;
  --accent: #e3846f;
} :root[data-site="farm"][data-mode="dark"] { color-scheme: dark; }
@media (prefers-color-scheme: dark) {
:root[data-site="farm"][data-mode="auto"] {
  --paper: #211a14;
  --card: #2c231b;
  --ink: #efe3d0;
  --muted: #b3a28b;
  --line: #45372a;
  --heading: #f5e9d6;
  --field: #251e17;
  --accent: #e3846f;
}
  :root[data-site="farm"][data-mode="auto"] { color-scheme: dark; }
}
:root[data-site="farm"][data-color="barn"] { --accent: #9e3b2c; }
:root[data-site="farm"][data-color="barn"][data-mode="dark"] { --accent: #e3846f; }
@media (prefers-color-scheme: dark) { :root[data-site="farm"][data-color="barn"][data-mode="auto"] { --accent: #e3846f; } }
:root[data-site="farm"][data-color="sage"] { --accent: #5f7a58; }
:root[data-site="farm"][data-color="sage"][data-mode="dark"] { --accent: #abc6a2; }
@media (prefers-color-scheme: dark) { :root[data-site="farm"][data-color="sage"][data-mode="auto"] { --accent: #abc6a2; } }
:root[data-site="farm"][data-color="mustard"] { --accent: #a8781d; }
:root[data-site="farm"][data-color="mustard"][data-mode="dark"] { --accent: #e5bc62; }
@media (prefers-color-scheme: dark) { :root[data-site="farm"][data-color="mustard"][data-mode="auto"] { --accent: #e5bc62; } }
:root[data-site="farm"][data-color="navy"] { --accent: #2f4665; }
:root[data-site="farm"][data-color="navy"][data-mode="dark"] { --accent: #93abd0; }
@media (prefers-color-scheme: dark) { :root[data-site="farm"][data-color="navy"][data-mode="auto"] { --accent: #93abd0; } }
:root[data-site="farm"][data-color="rust"] { --accent: #b3582b; }
:root[data-site="farm"][data-color="rust"][data-mode="dark"] { --accent: #e8986c; }
@media (prefers-color-scheme: dark) { :root[data-site="farm"][data-color="rust"][data-mode="auto"] { --accent: #e8986c; } }

:root[data-site="garden"] {
  --serif: "Fraunces", Georgia, serif;
  --sans: "Karla", system-ui, -apple-system, "Segoe UI", sans-serif;
  --brand-font: "Fraunces", Georgia, serif;
  --radius: 20px;
  --btn-radius: 999px;
  --paper: #f3f6ef;
  --card: #ffffff;
  --ink: #25322a;
  --muted: #637265;
  --line: #dce5d6;
  --heading: #25322a;
  --field: #ffffff;
  --accent: #447f42;
}
:root[data-site="garden"][data-mode="dark"] {
  --paper: #131b16;
  --card: #1c2620;
  --ink: #e5efe6;
  --muted: #9fb2a3;
  --line: #31423a;
  --heading: #eaf3ea;
  --field: #17201a;
  --accent: #96d291;
} :root[data-site="garden"][data-mode="dark"] { color-scheme: dark; }
@media (prefers-color-scheme: dark) {
:root[data-site="garden"][data-mode="auto"] {
  --paper: #131b16;
  --card: #1c2620;
  --ink: #e5efe6;
  --muted: #9fb2a3;
  --line: #31423a;
  --heading: #eaf3ea;
  --field: #17201a;
  --accent: #96d291;
}
  :root[data-site="garden"][data-mode="auto"] { color-scheme: dark; }
}
:root[data-site="garden"][data-color="leaf"] { --accent: #447f42; }
:root[data-site="garden"][data-color="leaf"][data-mode="dark"] { --accent: #96d291; }
@media (prefers-color-scheme: dark) { :root[data-site="garden"][data-color="leaf"][data-mode="auto"] { --accent: #96d291; } }
:root[data-site="garden"][data-color="rose"] { --accent: #b94d72; }
:root[data-site="garden"][data-color="rose"][data-mode="dark"] { --accent: #eda3bc; }
@media (prefers-color-scheme: dark) { :root[data-site="garden"][data-color="rose"][data-mode="auto"] { --accent: #eda3bc; } }
:root[data-site="garden"][data-color="peach"] { --accent: #c9673f; }
:root[data-site="garden"][data-color="peach"][data-mode="dark"] { --accent: #f3ad8d; }
@media (prefers-color-scheme: dark) { :root[data-site="garden"][data-color="peach"][data-mode="auto"] { --accent: #f3ad8d; } }
:root[data-site="garden"][data-color="sky"] { --accent: #3f7fb0; }
:root[data-site="garden"][data-color="sky"][data-mode="dark"] { --accent: #98c6e8; }
@media (prefers-color-scheme: dark) { :root[data-site="garden"][data-color="sky"][data-mode="auto"] { --accent: #98c6e8; } }
:root[data-site="garden"][data-color="lilac"] { --accent: #845fb2; }
:root[data-site="garden"][data-color="lilac"][data-mode="dark"] { --accent: #c8b1e8; }
@media (prefers-color-scheme: dark) { :root[data-site="garden"][data-color="lilac"][data-mode="auto"] { --accent: #c8b1e8; } }

:root[data-site="modern"] {
  --serif: "Outfit", Georgia, serif;
  --sans: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --brand-font: "Outfit", Georgia, serif;
  --radius: 10px;
  --btn-radius: 8px;
  --paper: #f6f6f4;
  --card: #ffffff;
  --ink: #18191b;
  --muted: #6b6e73;
  --line: #e3e3e0;
  --heading: #18191b;
  --field: #ffffff;
  --accent: #33363b;
}
:root[data-site="modern"][data-mode="dark"] {
  --paper: #121315;
  --card: #1b1c1f;
  --ink: #ededee;
  --muted: #9a9ca1;
  --line: #2d2f33;
  --heading: #ffffff;
  --field: #16171a;
  --accent: #cdd0d5;
} :root[data-site="modern"][data-mode="dark"] { color-scheme: dark; }
@media (prefers-color-scheme: dark) {
:root[data-site="modern"][data-mode="auto"] {
  --paper: #121315;
  --card: #1b1c1f;
  --ink: #ededee;
  --muted: #9a9ca1;
  --line: #2d2f33;
  --heading: #ffffff;
  --field: #16171a;
  --accent: #cdd0d5;
}
  :root[data-site="modern"][data-mode="auto"] { color-scheme: dark; }
}
:root[data-site="modern"][data-color="charcoal"] { --accent: #33363b; }
:root[data-site="modern"][data-color="charcoal"][data-mode="dark"] { --accent: #cdd0d5; }
@media (prefers-color-scheme: dark) { :root[data-site="modern"][data-color="charcoal"][data-mode="auto"] { --accent: #cdd0d5; } }
:root[data-site="modern"][data-color="teal"] { --accent: #0f7a70; }
:root[data-site="modern"][data-color="teal"][data-mode="dark"] { --accent: #63d1c5; }
@media (prefers-color-scheme: dark) { :root[data-site="modern"][data-color="teal"][data-mode="auto"] { --accent: #63d1c5; } }
:root[data-site="modern"][data-color="coral"] { --accent: #d4543f; }
:root[data-site="modern"][data-color="coral"][data-mode="dark"] { --accent: #ff9c88; }
@media (prefers-color-scheme: dark) { :root[data-site="modern"][data-color="coral"][data-mode="auto"] { --accent: #ff9c88; } }
:root[data-site="modern"][data-color="indigo"] { --accent: #4a4fd1; }
:root[data-site="modern"][data-color="indigo"][data-mode="dark"] { --accent: #a3a7ff; }
@media (prefers-color-scheme: dark) { :root[data-site="modern"][data-color="indigo"][data-mode="auto"] { --accent: #a3a7ff; } }
:root[data-site="modern"][data-color="olive"] { --accent: #66742a; }
:root[data-site="modern"][data-color="olive"][data-mode="dark"] { --accent: #b9c774; }
@media (prefers-color-scheme: dark) { :root[data-site="modern"][data-color="olive"][data-mode="auto"] { --accent: #b9c774; } }

:root[data-site="retro"] {
  --serif: "Fredoka", Georgia, serif;
  --sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;
  --brand-font: "Pacifico", Georgia, serif;
  --radius: 16px;
  --btn-radius: 999px;
  --paper: #fdf5e2;
  --card: #fffdf6;
  --ink: #2b2222;
  --muted: #7b6b62;
  --line: #eadcc0;
  --heading: #2b2222;
  --field: #fffdf6;
  --accent: #cc2f3c;
}
:root[data-site="retro"][data-mode="dark"] {
  --paper: #1f191c;
  --card: #2a2226;
  --ink: #fbeee0;
  --muted: #bba99c;
  --line: #45393e;
  --heading: #fff4e6;
  --field: #241d21;
  --accent: #ff808a;
} :root[data-site="retro"][data-mode="dark"] { color-scheme: dark; }
@media (prefers-color-scheme: dark) {
:root[data-site="retro"][data-mode="auto"] {
  --paper: #1f191c;
  --card: #2a2226;
  --ink: #fbeee0;
  --muted: #bba99c;
  --line: #45393e;
  --heading: #fff4e6;
  --field: #241d21;
  --accent: #ff808a;
}
  :root[data-site="retro"][data-mode="auto"] { color-scheme: dark; }
}
:root[data-site="retro"][data-color="cherry"] { --accent: #cc2f3c; }
:root[data-site="retro"][data-color="cherry"][data-mode="dark"] { --accent: #ff808a; }
@media (prefers-color-scheme: dark) { :root[data-site="retro"][data-color="cherry"][data-mode="auto"] { --accent: #ff808a; } }
:root[data-site="retro"][data-color="mint"] { --accent: #248f76; }
:root[data-site="retro"][data-color="mint"][data-mode="dark"] { --accent: #80e2c8; }
@media (prefers-color-scheme: dark) { :root[data-site="retro"][data-color="mint"][data-mode="auto"] { --accent: #80e2c8; } }
:root[data-site="retro"][data-color="butter"] { --accent: #c98a10; }
:root[data-site="retro"][data-color="butter"][data-mode="dark"] { --accent: #ffd36b; }
@media (prefers-color-scheme: dark) { :root[data-site="retro"][data-color="butter"][data-mode="auto"] { --accent: #ffd36b; } }
:root[data-site="retro"][data-color="turquoise"] { --accent: #15849f; }
:root[data-site="retro"][data-color="turquoise"][data-mode="dark"] { --accent: #72d5ef; }
@media (prefers-color-scheme: dark) { :root[data-site="retro"][data-color="turquoise"][data-mode="auto"] { --accent: #72d5ef; } }
:root[data-site="retro"][data-color="pink"] { --accent: #cc4d76; }
:root[data-site="retro"][data-color="pink"][data-mode="dark"] { --accent: #ffa0be; }
@media (prefers-color-scheme: dark) { :root[data-site="retro"][data-color="pink"][data-mode="auto"] { --accent: #ffa0be; } }

/* Category colors (.theme-<name> on a page or section, .chip-<name> on its button). */
.theme-sage, .chip-sage { --accent: #3f7556; }
:root[data-mode="dark"] .theme-sage, :root[data-mode="dark"] .chip-sage { --accent: #8fc7a3; }
@media (prefers-color-scheme: dark) { :root[data-mode="auto"] .theme-sage, :root[data-mode="auto"] .chip-sage { --accent: #8fc7a3; } }
.theme-terracotta, .chip-terracotta { --accent: #b85c38; }
:root[data-mode="dark"] .theme-terracotta, :root[data-mode="dark"] .chip-terracotta { --accent: #eaa07f; }
@media (prefers-color-scheme: dark) { :root[data-mode="auto"] .theme-terracotta, :root[data-mode="auto"] .chip-terracotta { --accent: #eaa07f; } }
.theme-orange, .chip-orange { --accent: #d15c00; }
:root[data-mode="dark"] .theme-orange, :root[data-mode="dark"] .chip-orange { --accent: #f5a766; }
@media (prefers-color-scheme: dark) { :root[data-mode="auto"] .theme-orange, :root[data-mode="auto"] .chip-orange { --accent: #f5a766; } }
.theme-blue, .chip-blue { --accent: #3d5f96; }
:root[data-mode="dark"] .theme-blue, :root[data-mode="dark"] .chip-blue { --accent: #93b3e3; }
@media (prefers-color-scheme: dark) { :root[data-mode="auto"] .theme-blue, :root[data-mode="auto"] .chip-blue { --accent: #93b3e3; } }
.theme-lavender, .chip-lavender { --accent: #7a5c9e; }
:root[data-mode="dark"] .theme-lavender, :root[data-mode="dark"] .chip-lavender { --accent: #c2a8e3; }
@media (prefers-color-scheme: dark) { :root[data-mode="auto"] .theme-lavender, :root[data-mode="auto"] .chip-lavender { --accent: #c2a8e3; } }
.theme-rose, .chip-rose { --accent: #b4466a; }
:root[data-mode="dark"] .theme-rose, :root[data-mode="dark"] .chip-rose { --accent: #eda3bc; }
@media (prefers-color-scheme: dark) { :root[data-mode="auto"] .theme-rose, :root[data-mode="auto"] .chip-rose { --accent: #eda3bc; } }
.theme-cranberry, .chip-cranberry { --accent: #a3333d; }
:root[data-mode="dark"] .theme-cranberry, :root[data-mode="dark"] .chip-cranberry { --accent: #ec9a95; }
@media (prefers-color-scheme: dark) { :root[data-mode="auto"] .theme-cranberry, :root[data-mode="auto"] .chip-cranberry { --accent: #ec9a95; } }
.theme-gold, .chip-gold { --accent: #a07a12; }
:root[data-mode="dark"] .theme-gold, :root[data-mode="dark"] .chip-gold { --accent: #e9c461; }
@media (prefers-color-scheme: dark) { :root[data-mode="auto"] .theme-gold, :root[data-mode="auto"] .chip-gold { --accent: #e9c461; } }
.theme-olive, .chip-olive { --accent: #6b7a2a; }
:root[data-mode="dark"] .theme-olive, :root[data-mode="dark"] .chip-olive { --accent: #b9c774; }
@media (prefers-color-scheme: dark) { :root[data-mode="auto"] .theme-olive, :root[data-mode="auto"] .chip-olive { --accent: #b9c774; } }
.theme-teal, .chip-teal { --accent: #1f7a7a; }
:root[data-mode="dark"] .theme-teal, :root[data-mode="dark"] .chip-teal { --accent: #63d1c5; }
@media (prefers-color-scheme: dark) { :root[data-mode="auto"] .theme-teal, :root[data-mode="auto"] .chip-teal { --accent: #63d1c5; } }
.theme-berry, .chip-berry { --accent: #8e3a8e; }
:root[data-mode="dark"] .theme-berry, :root[data-mode="dark"] .chip-berry { --accent: #e0a3e0; }
@media (prefers-color-scheme: dark) { :root[data-mode="auto"] .theme-berry, :root[data-mode="auto"] .chip-berry { --accent: #e0a3e0; } }
.theme-slate, .chip-slate { --accent: #4f6272; }
:root[data-mode="dark"] .theme-slate, :root[data-mode="dark"] .chip-slate { --accent: #b3c2cf; }
@media (prefers-color-scheme: dark) { :root[data-mode="auto"] .theme-slate, :root[data-mode="auto"] .chip-slate { --accent: #b3c2cf; } }

/* Derived from --accent wherever it is set. */
:root, [class*="theme-"], [class*="chip-"], .quick-shelf {
  --tint: color-mix(in srgb, var(--accent) 10%, var(--card));
  --tint-strong: color-mix(in srgb, var(--accent) 24%, var(--card));
  --accent-ink: color-mix(in srgb, var(--accent) 70%, var(--ink));
}
.quick-shelf { --accent: var(--quick); }

/* The strip along the top and bottom of every page. */
.gingham { position: relative; height: 14px; }
:root[data-site="classic"] .gingham {
  background-color: var(--card);
  background-image: linear-gradient(90deg, color-mix(in srgb, var(--accent) 42%, transparent) 50%, transparent 50%),
    linear-gradient(color-mix(in srgb, var(--accent) 42%, transparent) 50%, transparent 50%);
  background-size: 14px 14px;
}
:root[data-site="modern"] .gingham { height: 4px; background: var(--accent); }
:root[data-site="retro"] .gingham { height: 14px; background: conic-gradient(var(--accent) 25%, var(--card) 0 50%, var(--accent) 0 75%, var(--card) 0) 0 0 / 14px 14px; }
:root[data-site="garden"] .gingham { height: 26px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='26' viewBox='0 0 104 26'%3E%3Cpath d='M0 13 C17 5 35 5 52 13 S87 21 104 13' fill='none' stroke='%234f8a4c' stroke-width='1.6'/%3E%3Cpath d='M14 9.5 C16 4 22 3 25 5 C22 9 18 10.5 14 9.5Z' fill='%235f9a57'/%3E%3Cpath d='M66 16.5 C68 22 74 23 77 21 C74 17 70 15.5 66 16.5Z' fill='%235f9a57'/%3E%3Cpath d='M88 15 C90 10 95 9 98 11 C95 14 92 15.5 88 15Z' fill='%235f9a57'/%3E%3C/svg%3E") 0 50% / 104px 26px repeat-x; }
:root[data-site="garden"][data-mode="dark"] .gingham { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='26' viewBox='0 0 104 26'%3E%3Cpath d='M0 13 C17 5 35 5 52 13 S87 21 104 13' fill='none' stroke='%236fae72' stroke-width='1.6'/%3E%3Cpath d='M14 9.5 C16 4 22 3 25 5 C22 9 18 10.5 14 9.5Z' fill='%238cc98c'/%3E%3Cpath d='M66 16.5 C68 22 74 23 77 21 C74 17 70 15.5 66 16.5Z' fill='%238cc98c'/%3E%3Cpath d='M88 15 C90 10 95 9 98 11 C95 14 92 15.5 88 15Z' fill='%238cc98c'/%3E%3C/svg%3E"); }
@media (prefers-color-scheme: dark) { :root[data-site="garden"][data-mode="auto"] .gingham { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='26' viewBox='0 0 104 26'%3E%3Cpath d='M0 13 C17 5 35 5 52 13 S87 21 104 13' fill='none' stroke='%236fae72' stroke-width='1.6'/%3E%3Cpath d='M14 9.5 C16 4 22 3 25 5 C22 9 18 10.5 14 9.5Z' fill='%238cc98c'/%3E%3Cpath d='M66 16.5 C68 22 74 23 77 21 C74 17 70 15.5 66 16.5Z' fill='%238cc98c'/%3E%3Cpath d='M88 15 C90 10 95 9 98 11 C95 14 92 15.5 88 15Z' fill='%238cc98c'/%3E%3C/svg%3E"); } }
:root[data-site="garden"] .gingham::before, :root[data-site="garden"] .gingham::after { content: ""; position: absolute; inset: 0; }
:root[data-site="garden"] .gingham::before { background: var(--accent);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='26' viewBox='0 0 104 26'%3E%3Ccircle cx='36.0' cy='4.4' r='3'/%3E%3Ccircle cx='39.4' cy='6.9' r='3'/%3E%3Ccircle cx='38.1' cy='10.9' r='3'/%3E%3Ccircle cx='33.9' cy='10.9' r='3'/%3E%3Ccircle cx='32.6' cy='6.9' r='3'/%3E%3Ccircle cx='52.0' cy='9.4' r='3'/%3E%3Ccircle cx='55.4' cy='11.9' r='3'/%3E%3Ccircle cx='54.1' cy='15.9' r='3'/%3E%3Ccircle cx='49.9' cy='15.9' r='3'/%3E%3Ccircle cx='48.6' cy='11.9' r='3'/%3E%3Ccircle cx='84.0' cy='15.4' r='3'/%3E%3Ccircle cx='87.4' cy='17.9' r='3'/%3E%3Ccircle cx='86.1' cy='21.9' r='3'/%3E%3Ccircle cx='81.9' cy='21.9' r='3'/%3E%3Ccircle cx='80.6' cy='17.9' r='3'/%3E%3C/svg%3E") 0 50% / 104px 26px repeat-x; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='26' viewBox='0 0 104 26'%3E%3Ccircle cx='36.0' cy='4.4' r='3'/%3E%3Ccircle cx='39.4' cy='6.9' r='3'/%3E%3Ccircle cx='38.1' cy='10.9' r='3'/%3E%3Ccircle cx='33.9' cy='10.9' r='3'/%3E%3Ccircle cx='32.6' cy='6.9' r='3'/%3E%3Ccircle cx='52.0' cy='9.4' r='3'/%3E%3Ccircle cx='55.4' cy='11.9' r='3'/%3E%3Ccircle cx='54.1' cy='15.9' r='3'/%3E%3Ccircle cx='49.9' cy='15.9' r='3'/%3E%3Ccircle cx='48.6' cy='11.9' r='3'/%3E%3Ccircle cx='84.0' cy='15.4' r='3'/%3E%3Ccircle cx='87.4' cy='17.9' r='3'/%3E%3Ccircle cx='86.1' cy='21.9' r='3'/%3E%3Ccircle cx='81.9' cy='21.9' r='3'/%3E%3Ccircle cx='80.6' cy='17.9' r='3'/%3E%3C/svg%3E") 0 50% / 104px 26px repeat-x; }
:root[data-site="garden"] .gingham::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='26' viewBox='0 0 104 26'%3E%3Ccircle cx='36' cy='8' r='1.8' fill='%23f2c14e'/%3E%3Ccircle cx='52' cy='13' r='1.8' fill='%23f2c14e'/%3E%3Ccircle cx='84' cy='19' r='1.8' fill='%23f2c14e'/%3E%3C/svg%3E") 0 50% / 104px 26px repeat-x; }
:root[data-site="farm"] .gingham { height: 44px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='44' viewBox='0 0 320 44'%3E%3Crect x='-2' y='22' width='4' height='20' fill='%236f5236'/%3E%3Crect x='38' y='22' width='4' height='20' fill='%236f5236'/%3E%3Crect x='78' y='22' width='4' height='20' fill='%236f5236'/%3E%3Crect x='118' y='22' width='4' height='20' fill='%236f5236'/%3E%3Crect x='158' y='22' width='4' height='20' fill='%236f5236'/%3E%3Crect x='198' y='22' width='4' height='20' fill='%236f5236'/%3E%3Crect x='238' y='22' width='4' height='20' fill='%236f5236'/%3E%3Crect x='278' y='22' width='4' height='20' fill='%236f5236'/%3E%3Crect x='318' y='22' width='4' height='20' fill='%236f5236'/%3E%3Crect x='0' y='26' width='320' height='3' fill='%238b6a48'/%3E%3Crect x='0' y='34' width='320' height='3' fill='%238b6a48'/%3E%3Cpath d='M46 20 L55 10 L68 4 L81 10 L90 20 Z' fill='%236f5236'/%3E%3Crect x='0' y='41' width='320' height='3' fill='%237d9a5c'/%3E%3C/svg%3E") 0 100% / 320px 44px repeat-x; border-bottom: 3px solid #7a5b3e; }
:root[data-site="farm"][data-mode="dark"] .gingham { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='44' viewBox='0 0 320 44'%3E%3Crect x='-2' y='22' width='4' height='20' fill='%236a533f'/%3E%3Crect x='38' y='22' width='4' height='20' fill='%236a533f'/%3E%3Crect x='78' y='22' width='4' height='20' fill='%236a533f'/%3E%3Crect x='118' y='22' width='4' height='20' fill='%236a533f'/%3E%3Crect x='158' y='22' width='4' height='20' fill='%236a533f'/%3E%3Crect x='198' y='22' width='4' height='20' fill='%236a533f'/%3E%3Crect x='238' y='22' width='4' height='20' fill='%236a533f'/%3E%3Crect x='278' y='22' width='4' height='20' fill='%236a533f'/%3E%3Crect x='318' y='22' width='4' height='20' fill='%236a533f'/%3E%3Crect x='0' y='26' width='320' height='3' fill='%238a6f55'/%3E%3Crect x='0' y='34' width='320' height='3' fill='%238a6f55'/%3E%3Cpath d='M46 20 L55 10 L68 4 L81 10 L90 20 Z' fill='%236a533f'/%3E%3Crect x='0' y='41' width='320' height='3' fill='%2351643f'/%3E%3C/svg%3E"); border-bottom-color: #5a4430; }
@media (prefers-color-scheme: dark) { :root[data-site="farm"][data-mode="auto"] .gingham { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='44' viewBox='0 0 320 44'%3E%3Crect x='-2' y='22' width='4' height='20' fill='%236a533f'/%3E%3Crect x='38' y='22' width='4' height='20' fill='%236a533f'/%3E%3Crect x='78' y='22' width='4' height='20' fill='%236a533f'/%3E%3Crect x='118' y='22' width='4' height='20' fill='%236a533f'/%3E%3Crect x='158' y='22' width='4' height='20' fill='%236a533f'/%3E%3Crect x='198' y='22' width='4' height='20' fill='%236a533f'/%3E%3Crect x='238' y='22' width='4' height='20' fill='%236a533f'/%3E%3Crect x='278' y='22' width='4' height='20' fill='%236a533f'/%3E%3Crect x='318' y='22' width='4' height='20' fill='%236a533f'/%3E%3Crect x='0' y='26' width='320' height='3' fill='%238a6f55'/%3E%3Crect x='0' y='34' width='320' height='3' fill='%238a6f55'/%3E%3Cpath d='M46 20 L55 10 L68 4 L81 10 L90 20 Z' fill='%236a533f'/%3E%3Crect x='0' y='41' width='320' height='3' fill='%2351643f'/%3E%3C/svg%3E"); border-bottom-color: #5a4430; } }
:root[data-site="farm"] .gingham::before, :root[data-site="farm"] .gingham::after { content: ""; position: absolute; inset: 0; }
:root[data-site="farm"] .gingham::before { background: var(--accent);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='44' viewBox='0 0 320 44'%3E%3Crect x='49' y='19' width='38' height='23'/%3E%3C/svg%3E") 0 100% / 320px 44px repeat-x; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='44' viewBox='0 0 320 44'%3E%3Crect x='49' y='19' width='38' height='23'/%3E%3C/svg%3E") 0 100% / 320px 44px repeat-x; }
:root[data-site="farm"] .gingham::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='44' viewBox='0 0 320 44'%3E%3Crect x='62' y='27' width='12' height='15' fill='%23fbf6ec'/%3E%3Cpath d='M62 27 L74 42 M74 27 L62 42' stroke='%236f5236' stroke-width='1.6'/%3E%3Crect x='64' y='12' width='8' height='6' fill='%23fbf6ec'/%3E%3Cpath d='M49 19 H87' stroke='%23fbf6ec' stroke-width='1.5'/%3E%3C/svg%3E") 0 100% / 320px 44px repeat-x; }
:root[data-site="farm"][data-mode="dark"] .gingham::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='44' viewBox='0 0 320 44'%3E%3Crect x='62' y='27' width='12' height='15' fill='%23e9dcc6'/%3E%3Cpath d='M62 27 L74 42 M74 27 L62 42' stroke='%236a533f' stroke-width='1.6'/%3E%3Crect x='64' y='12' width='8' height='6' fill='%23e9dcc6'/%3E%3Cpath d='M49 19 H87' stroke='%23e9dcc6' stroke-width='1.5'/%3E%3C/svg%3E"); }
@media (prefers-color-scheme: dark) { :root[data-site="farm"][data-mode="auto"] .gingham::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='44' viewBox='0 0 320 44'%3E%3Crect x='62' y='27' width='12' height='15' fill='%23e9dcc6'/%3E%3Cpath d='M62 27 L74 42 M74 27 L62 42' stroke='%236a533f' stroke-width='1.6'/%3E%3Crect x='64' y='12' width='8' height='6' fill='%23e9dcc6'/%3E%3Cpath d='M49 19 H87' stroke='%23e9dcc6' stroke-width='1.5'/%3E%3C/svg%3E"); } }
.site-footer .gingham { transform: scaleY(-1); }
:root[data-site="farm"] .site-footer .gingham, :root[data-site="garden"] .site-footer .gingham { transform: none; }

/* Theme touches. */
:root[data-site="farm"] body { background-image: repeating-linear-gradient(0deg, color-mix(in srgb, var(--ink) 3%, transparent) 0 2px, transparent 2px 4px); }
:root[data-site="garden"] h1, :root[data-site="garden"] .brand { font-style: italic; }
:root[data-site="modern"] h1, :root[data-site="modern"] h2 { letter-spacing: -.015em; }
:root[data-site="retro"] .card, :root[data-site="retro"] .recipe-top, :root[data-site="retro"] .panel, :root[data-site="retro"] .quick-meal {
  border: 2px solid var(--ink); box-shadow: 4px 4px 0 var(--tint-strong); }
:root[data-site="retro"] .brand { font-weight: 400; color: var(--accent); }
:root[data-site="retro"] .btn { text-transform: uppercase; letter-spacing: .04em; font-size: .85rem; }