/* Scheme Harbor: written by worker/scripts/schemes.mjs from src/render/schemes.js. Don't edit by hand. */
@font-face { font-family: "Cormorant Garamond"; src: url("/_kp/fonts/cormorant-garamond-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Nunito Sans"; src: url("/_kp/fonts/nunito-sans-400-700.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Allura"; src: url("/_kp/fonts/allura-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
:root { --f-display: "Cormorant Garamond", Georgia, "Times New Roman", serif; --f-body: "Nunito Sans", "Segoe UI", system-ui, -apple-system, sans-serif; --f-script: "Allura", "Snell Roundhand", "Apple Chancery", cursive; --display-w: 600; --script-style: normal; --script-size: 1.35em; --r: 3px; --bg: #E8F1F5; --surface: #F8FCFD; --ink: #13263A; --muted: #4B5F71; --line: #C6DAE3; --accent: #1F5F86; --accent-ink: #FFFFFF; --brass: #825F31; --band: #D7E7EE; --foot: #0F2233; --foot-ink: #E3EEF4; --foot-muted: #93A9B8; --ok: #2E7552; --held: #8E5B1C; --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: #0D1B28; --surface: #13253A; --ink: #E4EEF5; --muted: #9DB2C2; --line: #24394E; --accent: #7FC1E6; --accent-ink: #08202F; --brass: #D9B47E; --band: #102133; --foot: #081320; --foot-ink: #E4EEF5; --foot-muted: #7F95A6; --ok: #7FD0A2; --held: #E7AE64; --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: #0D1B28; --surface: #13253A; --ink: #E4EEF5; --muted: #9DB2C2; --line: #24394E; --accent: #7FC1E6; --accent-ink: #08202F; --brass: #D9B47E; --band: #102133; --foot: #081320; --foot-ink: #E4EEF5; --foot-muted: #7F95A6; --ok: #7FD0A2; --held: #E7AE64; --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; }