:root{--surface-dark:#0a0a0a;--surface-light:#fafafa;--surface-card:#111;--surface-card-light:#f5f5f5;--text-primary-dark:#e8e8e8;--text-primary-light:#1a1a1a;--text-muted-dark:#666;--text-muted-light:#888;--accent:#333;--accent-hover:#fff;--accent-link:#a0a0a0;--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .35vw, 1rem);--text-base:clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .5vw, 1.375rem);--text-xl:clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);--text-2xl:clamp(2rem, 1.5rem + 2.5vw, 3.5rem);--text-hero:clamp(2.5rem, 1.8rem + 3.5vw, 5rem);--space-xs:clamp(.25rem, .2rem + .25vw, .5rem);--space-sm:clamp(.5rem, .4rem + .5vw, 1rem);--space-md:clamp(1rem, .8rem + 1vw, 1.5rem);--space-lg:clamp(1.5rem, 1rem + 2.5vw, 3rem);--space-xl:clamp(2rem, 1.5rem + 2.5vw, 4rem);--space-2xl:clamp(3rem, 2rem + 5vw, 8rem)}body{background-color:var(--surface-dark);color:var(--text-primary-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.75}body.light-mode{background-color:var(--surface-light);color:var(--text-primary-light)}.text-muted{color:var(--text-muted-dark)}body.light-mode .text-muted{color:var(--text-muted-light)}.btn-read{border:1px solid var(--accent);color:var(--text-primary-dark);font-size:var(--text-xs);cursor:pointer;background:0 0;border-radius:9999px;padding:.25rem 1rem;transition:all .25s cubic-bezier(.16,1,.3,1)}.btn-read:hover{border-color:var(--accent-hover);color:var(--surface-dark);background:var(--accent-hover)}