/* Leather direction: smooth saddle-brown surfaces and a flat, legible Kin mark.
   Existing Alegreya / Barlow typography retained. No embroidered controls. */
@font-face { font-family: "Kin Body"; src: url("fonts/barlow-400.06438396dd.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Kin Body"; src: url("fonts/barlow-600.36ae30e81a.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Kin Display"; src: url("fonts/alegreya-500.54ca191d53.woff2") format("woff2"); font-weight: 500; font-display: swap; }
:root {
  --page: #FAF9F6; --endpaper: #E8E1D8; --ink: #302620; --ink-soft: #62564D;
  --rule: #CFC4B8; --accent: #67442F; --accent-hover: #493023; --on-accent: #FAF9F6;
  --leather: #35251F; --on-leather: #F5EDE0; --on-leather-soft: #D3C1AC;
  --thread: #D8BD91; --gilt: #D8BD91; --focus: #67442F; --focus-on-leather: #E7CDA6;
  --field: #FAF9F6; --field-border: #7C6B5D; --error: #AB2D1F; --error-on-leather: #FFDCD6;
  --font-display: "Kin Display", Georgia, serif; --font-body: "Kin Body", system-ui, sans-serif;
  --display-weight: 500; --display-tracking: -.018em; --display-leading: 1.05; --strong-weight: 600;
  --radius-plate: 12px; --radius-control: 6px;
}
.leather { background: var(--leather); color: var(--on-leather); }
.logo, .mark { display: block; background: url("wordmark.26ceffc49f.svg") left center / contain no-repeat; aspect-ratio: 650 / 375; width: 4.4rem; }
.mark { width: min(100%, 12rem); }