/* Casa Nokiate mockup styles — shared via <link> in each page */
:root { --ink:#0F0F0F; --paper:#FAFAF7; --accent:#7A2E2E; --mute:#6B6661; --hairline:rgba(15,15,15,.12); }
html,body { background: var(--paper); color: var(--ink); }
body { font-family: ui-sans-serif, -apple-system, system-ui, sans-serif; }
h1,h2,h3,.serif { font-family: 'EB Garamond', Georgia, serif; }
.accent { color: var(--accent); }
.bg-accent { background: var(--accent); }
.bg-ink { background: var(--ink); }
.text-mute { color: var(--mute); }
.border-hair { border-color: var(--hairline); }
.btn { display:inline-flex; align-items:center; justify-content:center; padding:.7rem 1.1rem; border-radius:.5rem; font-weight:600; font-size:.9rem; }
.btn-primary { background:var(--ink); color:var(--paper); }
.btn-primary:hover { background:var(--accent); }
.btn-outline { border:1px solid var(--ink); color:var(--ink); background:transparent; }
.chip { display:inline-flex; align-items:center; gap:.35rem; padding:.18rem .5rem; border:1px solid var(--hairline); border-radius:999px; font-size:.7rem; text-transform:uppercase; letter-spacing:.06em; color:var(--mute); }
.tag-accent { background:var(--accent); color:var(--paper); border:none; }
.screen-pill { position:fixed; bottom:14px; left:14px; background:var(--ink); color:var(--paper); padding:.35rem .7rem; border-radius:999px; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; opacity:.7; z-index:50;}
.screen-pill a { color:var(--paper); text-decoration:underline; margin-left:.5rem; }
.kbd { font-family: ui-monospace, monospace; font-size: .72rem; padding: .1rem .35rem; border:1px solid var(--hairline); border-radius:4px; background:white; }