:root { --primary-color: #2E8B57; --secondary-color: #4682B4; --accent-color: #FFA500; --background-color: #F5F5F5; --text-color: #333333; } body { background-color: var(--background-color); color: var(--text-color); font-family: Arial, sans-serif; } header { background-color: var(--primary-color); color: white; padding: 20px; } nav a { color: white; margin: 0 15px; text-decoration: none; } nav a:hover { color: var(--accent-color); } .button { background-color: var(--accent-color); color: white; padding: 10px 20px; border: none; cursor: pointer; } .button:hover { background-color: darkorange; }