/* Tank/Military Theme - Army green, tactical */
:root {
  --theme-bg-1: #1a1f14;
  --theme-bg-2: #2a3320;
  --theme-accent: #4a7c23;
  --theme-accent-2: #7cb342;
  --theme-text: #c8d6b8;
  --theme-muted: #6b7a5a;
  --theme-card: rgba(74, 124, 35, 0.1);
}

body.theme-military {
  background: linear-gradient(180deg, var(--theme-bg-1), var(--theme-bg-2));
  color: var(--theme-text);
  font-family: 'Courier New', monospace;
}

.theme-military .page-title,
.theme-military .project-detail-header h2 {
  color: var(--theme-accent-2);
  text-transform: uppercase;
  letter-spacing: 3px;
}

.theme-military .project-category-badge {
  background: rgba(74, 124, 35, 0.3);
  border: 2px solid var(--theme-accent);
  color: var(--theme-accent-2);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.theme-military .tag-badge {
  background: rgba(74, 124, 35, 0.3);
  color: var(--theme-accent-2);
  border: 1px solid var(--theme-accent);
}

.theme-military .project-detail-content {
  background: var(--theme-card);
  border: 2px solid var(--theme-accent);
}

.theme-military .project-detail-content h3 {
  color: var(--theme-accent-2);
  text-transform: uppercase;
  letter-spacing: 2px;
  border-bottom: 1px solid var(--theme-accent);
  padding-bottom: 8px;
}

.theme-military .tech-item {
  background: rgba(74, 124, 35, 0.2);
  border: 1px solid var(--theme-accent);
  color: var(--theme-accent-2);
}

.theme-military .btn {
  background: var(--theme-accent);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 2px solid var(--theme-accent-2);
}

.theme-military .btn:hover {
  background: var(--theme-accent-2);
}

.theme-military .back-link {
  color: var(--theme-accent-2);
  text-transform: uppercase;
}

.theme-military .gif-container,
.theme-military .project-gallery img {
  border: 3px solid var(--theme-accent);
}

.theme-military .topbar {
  background: rgba(74, 124, 35, 0.2);
  border-bottom: 2px solid var(--theme-accent);
}

.theme-military .brand .accent {
  color: var(--theme-accent-2);
}

.theme-military .nav a:hover {
  color: var(--theme-accent-2);
  background: rgba(74, 124, 35, 0.3);
}