/* Base document styling — the DeepRails page ground, type defaults, scrollbar and link colors. */
html{font-family:var(--font-sans);scroll-behavior:smooth;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;color:var(--foreground);background:var(--black);background-image:var(--gradient-page);overflow-x:hidden;overscroll-behavior:none}
h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-heading);letter-spacing:var(--tracking-tight);font-weight:var(--weight-medium)}
p{margin:0;text-wrap:pretty}
a{color:var(--link);text-decoration:none;transition:color var(--dur-quick) var(--ease-in-out)}
a:hover{color:var(--link-hover)}
code,kbd,pre,samp{font-family:var(--font-mono)}
::selection{background:var(--gold-a30);color:var(--white)}
:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
*{scrollbar-width:thin;scrollbar-color:rgba(243,203,67,.3) transparent}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background-color:rgba(243,203,67,.3);border-radius:var(--radius-full)}
::-webkit-scrollbar-thumb:hover{background-color:rgba(243,203,67,.5)}