:root { --black: #0a0a0a; --white: #f5f2ed; --accent: #c8a96e; } body { background: var(--white); color: var(--black); font-family: sans-serif; margin: 0; } #nav { background: var(--black); color: var(--white); padding: 1rem; } #hero { height: 100vh; display: flex; align-items: center; justify-content: center; background: var(--black); color: var(--white); text-align: center; } h1 { font-size: 4rem; margin: 0; }