:root {
  --accent: #2c9a42; /* broccoli green */
  --dark: #1a1a1a;
  --light: #f9f9f9;
}
body {
  margin: 0; font-family: Arial, sans-serif; background: var(--light); color: var(--dark);
}
header, footer {
  background: var(--dark); color: var(--light); padding: 1em;
}
header img { height: 50px; vertical-align: middle; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
button { background: var(--accent); color: white; border: none; padding: 0.6em 1.2em; border-radius: 4px; cursor: pointer; }
button:hover { opacity: 0.9; }
.container { max-width: 1000px; margin: auto; padding: 2em; }
nav a { margin: 0 1em; color: var(--light); }
footer { text-align: center; font-size: 0.9em; }