:root{--background:30 15% 97%;--foreground:30 10% 10%;--primary:18 30% 65%;--border:30 15% 85%;--dark:30 15% 10%;--dark-foreground:0 0% 100%}
*{box-sizing:border-box}body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground));font-family:Montserrat,Arial,sans-serif;line-height:1.7}header,footer{background:hsl(var(--dark));color:hsl(var(--dark-foreground));padding:2rem}header>a{font-weight:800;font-size:1.5rem;text-decoration:none;color:inherit}main{max-width:48rem;margin:auto;padding:3rem 1.5rem}h1{font-size:2rem;line-height:1.3}h2{font-size:1.4rem;margin-top:2rem}a{color:hsl(var(--primary));overflow-wrap:anywhere}nav{display:flex;flex-wrap:wrap;gap:1.5rem;max-width:48rem;margin:auto}section{border-bottom:1px solid hsl(var(--border));padding-bottom:1.5rem}