/* Kyndred pages: the getkyndred.com palette and faces. */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap");
:root {
  color-scheme: dark;
  --paper: #111113; --paper-warm: #1a1a1d; --line: #2a2629;
  --ink: #F5F5F7; --label: #B09898; --subtle: #5A4848;
  --cta: #E8725C; --cta-hover: #C25A47; --rose: #F2A090;
  --display: "Fraunces", ui-serif, Georgia, serif;
  --sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
}
* { box-sizing: border-box }
html, body { margin: 0; background: var(--paper); color: var(--ink) }
body { font: 16px/1.5 var(--sans); -webkit-font-smoothing: antialiased }
a { color: var(--rose) }
button { font: inherit; color: inherit }
:focus-visible { outline: 2px solid var(--rose); outline-offset: 2px }
.wrap { max-width: 1180px; margin: 0 auto; padding-inline: 16px }