/* thevarun.com v4a. Designed in Claude Design, converted to static files.
   One shared stylesheet. Page layout travels with the markup. */

:root{--paper:#f6efe3;--ink:#2b241a;--faint:#6f6250;--line:rgba(75,62,42,0.18);--accent:#8c5225;}
@media (prefers-color-scheme:dark){:root{--paper:#221c14;--ink:#ece2d0;--faint:#a89a80;--line:rgba(236,226,208,0.16);--accent:#dfa368;}}
html{background:var(--paper);}
body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;}
a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--line);text-underline-offset:0.24em;}
a:hover{color:var(--accent);text-decoration-color:var(--accent);}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px;}
summary{list-style:none;}
summary::-webkit-details-marker{display:none;}
details[open] .twist{transform:rotate(45deg);}
::selection{background:rgba(140,82,37,0.22);}