/* ========================================================================== VILLAM — Blog stylesheet Shared by blog.html (the index) and every article inside /blog/. Mirrors the design language of index.html: same palette, same type, same button, same section rhythm. No build step, no dependencies. ========================================================================== */ * { margin: 0; padding: 0; box-sizing: border-box; } :root { --primary-color: rgb(129, 137, 111); --primary-tint: rgba(129, 137, 111, 0.15); --primary-tint-soft: rgba(129, 137, 111, 0.07); --dark-bg: #0f0f0f; --dark-bg-secondary: #1a1a1a; --text-primary: #ffffff; --text-secondary: #b0b0b0; --border-color: #2a2a2a; --measure: 760px; } html { scroll-behavior: smooth; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: var(--text-primary); background-color: var(--dark-bg); -webkit-font-smoothing: antialiased; } /* -------------------------------------------------------------------------- Navigation (identical to index.html) -------------------------------------------------------------------------- */ /* Scoped to the direct child of so it never captures the table-of-contents