/* kahi.cz — strohý osobní web; tokeny nahoře, světlý i tmavý režim */
:root {
	--bg: #fff;
	--text: #111;
	--muted: #777;
	--line: #e5e5e5;
	--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--mono: ui-monospace, "SF Mono", Menlo, monospace;
	--size: 17px;
	--width: 34rem;
}
@media (prefers-color-scheme: dark) {
	:root { --bg: #111; --text: #eee; --muted: #888; --line: #2a2a2a; }
}
* { box-sizing: border-box; }
html { background: var(--bg); color: var(--text); font: var(--size)/1.6 var(--font); -webkit-text-size-adjust: 100%; }
body { margin: 0; padding: 18vh 1rem 4rem; }
main { max-width: var(--width); margin: 0 auto; }
h1 { font-size: 1rem; font-weight: 600; margin: 0 0 2rem; }
h1 a { text-decoration: none; }
h2 { font-size: 1rem; font-weight: 600; margin: 2.5rem 0 .5rem; }
p { margin: 0 0 1rem; }
a { color: inherit; text-decoration-color: var(--muted); text-underline-offset: .2em; }
a:hover { text-decoration-color: currentColor; }
.muted { color: var(--muted); }
.links { list-style: none; margin: 2.5rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .25rem 1.5rem; }
dl { display: grid; grid-template-columns: 7rem 1fr; gap: .4rem 1rem; margin: 0; }
dt { color: var(--muted); }
dd { margin: 0; }
code { font: .9em var(--mono); }
.copy { font: inherit; font-size: .8em; color: var(--muted); background: none; border: 0; padding: 0 0 0 .5em; cursor: pointer; }
.copy:hover { color: var(--text); }