body.theme-negro {
  --theme-bg: #111c2c;
  --theme-ink: #ffffff;
  --theme-muted: #94a3b8;
  --theme-accent: #c5a86a;
  --theme-line: rgba(197, 168, 106, 0.2);
  --theme-nav: #0d1622;
  --theme-card: #1a273a;
  --theme-photo-border: #c5a86a;
}

body.theme-negro h2, 
body.theme-negro .role, 
body.theme-negro .logo-mark,
body.theme-negro .brand-bar h1 {
  font-family: Georgia, serif;
}

body.theme-negro h2 {
  font-style: italic;
}

body.theme-negro .employee-photo {
  box-shadow: 0 0 30px rgba(197, 168, 106, 0.15);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
}

body.theme-negro .employee-photo:hover {
  transform: translateY(-6px) rotate(1deg);
  box-shadow: 0 0 45px rgba(197, 168, 106, 0.35);
}

body.theme-negro .data-item {
  border-radius: 8px;
  border: 1px solid rgba(197, 168, 106, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
  border-left: 3px solid #c5a86a;
  background: rgba(26, 39, 58, 0.8);
}

body.theme-negro .data-item:hover {
  background: rgba(197, 168, 106, 0.06);
  border-color: rgba(197, 168, 106, 0.25);
  transform: scale(1.01);
}

body.theme-negro .logo-mark {
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(197, 168, 106, 0.15);
}