/* Blueprint Theme - Technical Drawing Aesthetic */

/* Core Blueprint Background with Grid Pattern */
body.blueprint-mode {
  background: var(--bg-primary);
  background-image: 
    linear-gradient(var(--border-color) 1px, transparent 1px),
    linear-gradient(90deg, var(--border-color) 1px, transparent 1px);
  background-size: 20px 20px;
  color: var(--text-primary);
  font-family: 'Courier New', monospace;
}

/* Headers and Titles */
body.blueprint-mode h1,
body.blueprint-mode h2,
body.blueprint-mode h3,
body.blueprint-mode .profile-name {
  color: var(--text-primary);
  text-shadow: var(--text-shadow);
  border-bottom: 2px solid var(--border-strong);
  padding-bottom: 0.5rem;
}

/* Text Elements */
body.blueprint-mode p,
body.blueprint-mode .profile-title,
body.blueprint-mode .profile-handle {
  color: var(--text-secondary);
}

/* Cards and Containers */
body.blueprint-mode .profile-card,
body.blueprint-mode .easter-egg-card,
body.blueprint-mode .module-content {
  background: var(--bg-secondary);
  border: 2px solid var(--border-strong);
  box-shadow: 
    0 0 20px var(--shadow-color),
    inset 0 0 20px var(--shadow-light);
}

/* Buttons */
body.blueprint-mode button,
body.blueprint-mode .btn,
body.blueprint-mode .theme-toggle {
  background: transparent;
  border: 2px solid var(--border-strong);
  color: var(--text-primary);
  box-shadow: 0 0 10px var(--shadow-strong);
}

body.blueprint-mode button:hover,
body.blueprint-mode .btn:hover {
  background: var(--hover-overlay);
  box-shadow: 0 0 20px var(--glow-color);
}

/* Links */
body.blueprint-mode a {
  color: var(--text-tertiary);
  text-decoration: underline;
}

body.blueprint-mode a:hover {
  color: var(--text-primary);
  text-shadow: 0 0 8px var(--glow-color);
}

/* Progress Elements */
body.blueprint-mode .progress-bar {
  background: var(--shadow-color);
  border: 1px solid var(--border-strong);
}

body.blueprint-mode .progress-bar-fill {
  background: linear-gradient(90deg, var(--bg-tertiary), var(--text-tertiary), var(--text-primary));
  box-shadow: 0 0 10px var(--glow-color);
}

/* Grid Items */
body.blueprint-mode .grid-item {
  background: var(--bg-secondary);
  border: 2px solid var(--border-strong);
  box-shadow: 0 4px 15px var(--shadow-color);
}

body.blueprint-mode .grid-item:hover {
  background: rgba(59, 130, 246, 0.8);
  box-shadow: 0 8px 25px var(--shadow-strong);
  transform: translateY(-5px);
}

/* Form Elements */
body.blueprint-mode input,
body.blueprint-mode textarea,
body.blueprint-mode select {
  background: rgba(30, 58, 138, 0.9);
  border: 2px solid var(--border-strong);
  color: var(--text-primary);
}

body.blueprint-mode input:focus,
body.blueprint-mode textarea:focus {
  border-color: var(--text-tertiary);
  box-shadow: 0 0 15px var(--glow-color);
}

/* Scrollbar */
body.blueprint-mode ::-webkit-scrollbar-track {
  background: var(--bg-primary);
}

body.blueprint-mode ::-webkit-scrollbar-thumb {
  background: var(--text-primary);
  border: 1px solid var(--bg-tertiary);
}

/* Footer */
body.blueprint-mode .footer-section {
  background: var(--bg-primary);
  border-top: 3px solid var(--border-strong);
  color: var(--text-primary);
}

body.blueprint-mode .footer-title {
  color: var(--text-primary);
  text-shadow: var(--text-shadow);
}

/* Special Blueprint Elements - Unique functionality */
body.blueprint-mode .blueprint-dimension {
  position: relative;
}

body.blueprint-mode .blueprint-dimension::before {
  content: '';
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  border: 1px dashed var(--border-color);
  pointer-events: none;
}

/* Animation for Blueprint theme - Unique functionality */
@keyframes blueprintFlicker {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.8; }
}

body.blueprint-mode .blueprint-flicker {
  animation: blueprintFlicker 3s ease-in-out infinite;
}