/* Racing Theme - Fast, dynamic, orange/red */
:root {
  --theme-bg-1: #1a1a1a;
  --theme-bg-2: #2d2d2d;
  --theme-accent: #ff6b00;
  --theme-accent-2: #ffcc00;
  --theme-text: #f0f0f0;
  --theme-muted: #888888;
  --theme-card: rgba(255, 107, 0, 0.08);
}

body.theme-racing {
  background: linear-gradient(180deg, var(--theme-bg-1), var(--theme-bg-2));
  color: var(--theme-text);
}

/* Speed lines effect */
.theme-racing::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: 
    linear-gradient(90deg, transparent 0%, transparent 48%, rgba(255, 107, 0, 0.1) 50%, transparent 52%, transparent 100%);
  z-index: 0;
}

.theme-racing .page-title,
.theme-racing .project-detail-header h2 {
  color: var(--theme-accent);
  font-style: italic;
  text-shadow: 3px 3px 0 rgba(0,0,0,0.3);
}

.theme-racing .project-category-badge {
  background: linear-gradient(90deg, var(--theme-accent), var(--theme-accent-2));
  border: none;
  color: #000;
  font-weight: 800;
}

.theme-racing .tag-badge {
  background: rgba(255, 107, 0, 0.3);
  color: var(--theme-accent);
}

.theme-racing .project-detail-content {
  background: var(--theme-card);
  border-left: 4px solid var(--theme-accent);
}

.theme-racing .project-detail-content h3 {
  color: var(--theme-accent);
}

.theme-racing .tech-item {
  background: rgba(255, 107, 0, 0.2);
  color: var(--theme-accent);
}

.theme-racing .btn {
  background: linear-gradient(90deg, var(--theme-accent), var(--theme-accent-2));
  color: #000;
  font-weight: 700;
}

.theme-racing .btn:hover {
  transform: translateX(5px);
}

.theme-racing .back-link {
  color: var(--theme-accent);
}

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

.theme-racing .topbar {
  background: linear-gradient(90deg, rgba(255, 107, 0, 0.1), transparent);
  border-bottom: 3px solid var(--theme-accent);
}

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

.theme-racing .nav a:hover {
  color: var(--theme-accent);
}
