body { background: var(--color-bg); color: var(--color-text); font-family: var(--font-sans); font-size: var(--text-base); line-height: var(--leading-normal); min-height: 100vh; }
a { color: var(--color-link); transition: color var(--transition-fast); }
a:hover { color: var(--color-link-hover); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--color-text); outline-offset: 2px; border-radius: var(--radius-sm); }
h1,h2,h3,h4,h5,h6 { font-weight: 600; line-height: var(--leading-tight); letter-spacing: var(--tracking-tight); }
h1 { font-size: var(--text-5xl); } h2 { font-size: var(--text-3xl); } h3 { font-size: var(--text-2xl); } h4 { font-size: var(--text-xl); }
p { margin-bottom: var(--space-4); color: var(--color-text-secondary); }
code { font-family: var(--font-mono); font-size: 0.875em; background: var(--color-surface-2); padding: 0.125em 0.375em; border-radius: var(--radius-sm); border: var(--border); }
pre { background: var(--color-text); color: var(--color-bg); padding: var(--space-4); border-radius: var(--radius-lg); overflow-x: auto; font-size: var(--text-sm); line-height: 1.7; margin-bottom: var(--space-4); }
pre code { background: none; border: none; padding: 0; color: inherit; }
strong { font-weight: 600; color: var(--color-text); }
::selection { background: var(--color-text); color: var(--color-bg); }