:root {
  --primary: #b87333;
  --bg: #1a1a1a;
  --text: #f5f5f5;
  --accent: #1f1f1f;
}
body { background-color: var(--bg); color: var(--text); }
.hero-bg {
  background: linear-gradient(rgba(10,10,10,0.85), rgba(10,10,10,0.9)), center/cover no-repeat;
}
.copper-btn { background-color: var(--primary); color: white; }
.copper-btn:hover { background-color: #d68f63; }
.nav-link { color: var(--text); }
.nav-link:hover { color: var(--primary); }
.card { background-color: var(--accent); }
.comparison-table { background-color: var(--accent); }
.comparison-table th { background-color: #1f1f1f; }
.techoptima-link {
  color: inherit;
  text-decoration: none;
}
.techoptima-link:hover {
  color: var(--primary);
}