/* Scheme Lawn: written by worker/scripts/schemes.mjs from src/render/schemes.js. Don't edit by hand. */
@font-face { font-family: "Fraunces"; src: url("/_kp/fonts/fraunces-opsz-normal.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("/_kp/fonts/fraunces-opsz-italic.woff2") format("woff2"); font-weight: 100 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Mulish"; src: url("/_kp/fonts/mulish-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Mulish"; src: url("/_kp/fonts/mulish-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Mulish"; src: url("/_kp/fonts/mulish-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Pinyon Script"; src: url("/_kp/fonts/pinyon-script-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
:root { --f-display: "Fraunces", Georgia, "Times New Roman", serif; --f-body: "Mulish", "Segoe UI", system-ui, -apple-system, sans-serif; --f-script: "Pinyon Script", "Snell Roundhand", "Apple Chancery", cursive; --display-w: 500; --script-style: normal; --script-size: 1.25em; --r: 3px; --bg: #F5F2EA; --surface: #FFFDF8; --ink: #1E1D1A; --muted: #625C51; --line: #DED7C8; --accent: #34523C; --accent-ink: #FFFFFF; --brass: #7E632A; --band: #ECE6D8; --foot: #1B1A18; --foot-ink: #E9E4D8; --foot-muted: #A39D90; --ok: #3E7A4B; --held: #8A5A1E; --shadow: 0 1px 2px rgba(20,20,30,.06), 0 8px 24px rgba(20,20,30,.08); --logo-panel: transparent; --logo-pad: 0px; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg: #141412; --surface: #1D1C19; --ink: #ECE7DC; --muted: #A9A294; --line: #35332D; --accent: #8FB998; --accent-ink: #0F1A12; --brass: #CFAE66; --band: #1A1916; --foot: #0C0C0B; --foot-ink: #E9E4D8; --foot-muted: #8F897D; --ok: #86C495; --held: #E0A65A; --shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.35); --logo-panel: #F5F2EA; --logo-pad: 10px; color-scheme: dark; } }
:root[data-theme="dark"] { --bg: #141412; --surface: #1D1C19; --ink: #ECE7DC; --muted: #A9A294; --line: #35332D; --accent: #8FB998; --accent-ink: #0F1A12; --brass: #CFAE66; --band: #1A1916; --foot: #0C0C0B; --foot-ink: #E9E4D8; --foot-muted: #8F897D; --ok: #86C495; --held: #E0A65A; --shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.35); --logo-panel: #F5F2EA; --logo-pad: 10px; color-scheme: dark; }