:root {

  --green: #2d5935;

  --brown: #5c4329;

  --light: #fdf6ef;

  --accent: #fffaf4;

}



body {

  font-family: sans-serif;

  margin: 0;

  padding: 0;

  background: #f2f2f2;

  color: #333;

}



header {

  background: var(--green);

  color: white;

  padding: 1rem 0.5rem;

}



.language-switcher {

  text-align: right;

  margin: 0 1rem 0.5rem 0;

}



.language-switcher button {

  margin-left: 0.5rem;

  padding: 0.3rem 0.6rem;

  border: none;

  background: white;

  color: var(--green);

  cursor: pointer;

  font-weight: bold;

  border-radius: 3px;

}



nav {

  background: var(--green);

}

nav ul {

  list-style: none;

  margin: 0;

  padding: 0.5rem 1rem;

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 2rem;

  flex-wrap: nowrap;

}



nav li {

  display: block;

}



nav li a {

  color: white;

  text-decoration: none;

  font-weight: bold;

  font-size: 1rem;

  padding: 0.5rem;

  transition: background 0.3s;

  border-radius: 4px;

}



nav li a:hover {

  background: rgba(255, 255, 255, 0.15);

}



.logo-title {

  display: flex;

  align-items: center;

  gap: 1rem;

  flex-wrap: wrap;

  justify-content: center;

  padding: 1rem;

}



.logo {

  width: 60px;

  height: 60px;

}



.container {

  padding: 2rem;

  max-width: 900px;

  margin: auto;

  background: white;

}



h1, h2 {

  color: var(--brown);

  margin: 0.5rem 0;

}



form input,

form textarea {

  width: 100%;

  padding: 0.5rem;

  margin: 0.5rem 0;

  border: 1px solid #ccc;

  font-size: 1rem;

}



.button {

  background: var(--brown);

  color: white;

  border: none;

  padding: 0.5rem 1rem;

  margin-top: 0.5rem;

  cursor: pointer;

  font-size: 1rem;

  border-radius: 4px;

}



footer {

  background: var(--green);

  color: white;

  text-align: center;

  padding: 1rem;

  margin-top: 2rem;

}



top-contact {

  text-align: right;

  font-size: 0.9rem;

  margin: 0.3rem 1rem 0 0;

}



.top-contact a {

  color: white;

  text-decoration: none;

  margin-left: 0.5rem;

}



.top-contact a:hover {

  text-decoration: underline;

}