:root { --primary: #8b5e83; --primary-light: #b48aac; --primary-dark: #5c3d56; --accent: #e8a87c; --bg: #fdf8f5; --text: #2d2d2d; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: sans-serif; color: var(--text); background: var(--bg); } header { background: white; padding: 20px; position: sticky; top: 0; z-index: 100; } .logo { font-size: 2rem; font-weight: 700; color: var(--primary); text-decoration: none; } nav { display: flex; gap: 24px; } nav a { text-decoration: none; color: var(--text); font-weight: 600; } nav a:hover { color: var(--primary); } footer { background: var(--primary-dark); color: white; padding: 48px 24px; margin-top: 80px; }