body {
  font-family: 'Inter', system-ui, sans-serif;
  background-color: #0b0b0a;
  color: #f5f5f0;
}

/* Fondo con patrón de líneas técnicas geométricas basadas en #facc15 */
.tech-grid-bg {
  background-color: #0b0b0a;
  background-image: 
    linear-gradient(to right, rgba(250, 204, 21, 0.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(250, 204, 21, 0.04) 1px, transparent 1px);
  background-size: 40px 40px;
}

/* Contenedor con efecto de líneas y resplandor sutil en tono #facc15 */
.card-outline {
  border: 1px solid rgba(250, 204, 21, 0.15);
  background: linear-gradient(135deg, rgba(20, 20, 18, 0.8), rgba(10, 10, 9, 0.9));
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease;
}

.card-outline:hover {
  border-color: rgba(250, 204, 21, 0.4);
  box-shadow: 0 0 15px rgba(250, 204, 21, 0.08);
}

/* Clases auxiliares para centralizar el color #facc15 desde el CSS */
.custom-border-main {
  border-color: rgba(250, 204, 21, 0.2);
}

.custom-border-subtle {
  border-color: rgba(250, 204, 21, 0.1);
}

.custom-text-main {
  color: #facc15;
}

.custom-text-muted {
  color: rgba(250, 204, 21, 0.9);
}

.custom-bg-main {
  background-color: #facc15;
}

.hero-text {
  color: #ffffff;
}