:root {
  --bg: #fdf8f2;
  --surface: #ffffff;
  --ink: #2b2118;
  --muted: #7a6a5c;
  --accent: #c86b4a;
  --accent-ink: #ffffff;
  --border: #eadfd3;
  --radius: 14px;
  --focus: #2563eb;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background: var(--bg); color: var(--ink); line-height: 1.5; }
a { color: var(--accent); }
button, input, textarea, select { font: inherit; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; border-radius: 6px; }
.skip-link { position: absolute; left: -999px; top: 0; background: var(--ink); color: #fff; padding: 8px 12px; z-index: 50; }
.skip-link:focus { left: 8px; top: 8px; }