/* Facedoor — Base reset + accessibility defaults.
   Kept minimal. Sets the paper/ink defaults and the visible amber focus ring
   the spec requires on every interactive element. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-primary);background:var(--surface);font-weight:var(--fw-regular);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,p,figure,blockquote{margin:0}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}

/* Visible focus: 2px amber outline, 2px offset, on every interactive element. */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}

/* Links inherit the ink/amber palette (never browser blue), even before any
   real links exist — consumers add links later. */
a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:var(--transition-colors)}
a:hover{color:var(--ink)}
::selection{background:var(--amber);color:var(--paper)}