:root{--bg-color:#ffffff;--text-color:#121212;--nav-bg:#f4f4f4;--nav-link:#121212;--nav-hover:#007acc;--hero-bg:#e9e9e9;--hero-title:#000000;--hero-tagline:#555555;--hero-intro:#333333;--footer-color:#444}body.dark{--bg-color:#121212;--text-color:#f0f0f0;--nav-bg:#1e1e1e;--nav-link:#f0f0f0;--nav-hover:#00adb5;--hero-bg:#1a1a1a;--hero-title:#ffffff;--hero-tagline:#bbbbbb;--hero-intro:#dddddd;--footer-color:#888}body{background-color:var(--bg-color);color:var(--text-color);font-family:segoe ui,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0;padding:0}header{background-color:var(--nav-bg);padding:1rem 2rem;border-bottom:1px solid #333}nav a{color:var(--nav-link);text-decoration:none;margin:0 1rem;font-weight:500}nav a:hover{color:var(--nav-hover)}.hero{padding:4rem 2rem;background-color:var(--hero-bg);text-align:center;border-radius:12px;box-shadow:0 0 15px rgba(0,0,0,.3);margin:2rem auto;max-width:800px}.hero h1{font-size:3rem;margin-bottom:1rem;color:var(--hero-title)}.hero .tagline{font-size:1.5rem;color:var(--hero-tagline);margin-bottom:1.5rem}.hero .intro{font-size:1.2rem;color:var(--hero-intro)}.blog-preview{max-width:800px;margin:4rem auto;padding:1rem 2rem;background:var(--hero-bg);border-radius:8px}.blog-preview h2{color:var(--hero-title)}.blog-preview a{color:var(--nav-hover);text-decoration:none}.blog-preview small{display:block;color:var(--hero-tagline);font-size:.85rem;margin-top:.2rem}.blog-list{max-width:800px;margin:2rem auto;padding:2rem}.blog-list h1{font-size:2rem;margin-bottom:1rem}.blog-list ul li{margin-bottom:1.5rem}.blog-item{margin-bottom:3rem}.blog-item h2{margin-bottom:.3rem}.blog-item p{margin:.3rem 0}.pagination{display:flex;justify-content:space-between;margin-top:2rem}.pagination a{color:#00adb5;text-decoration:none;font-weight:700}footer{text-align:center;padding:2rem;color:var(--footer-color);font-size:.9rem}